【未来之JavaScript做嵌入式】的更多相关文章

用javascript做别踩白块游戏1

初学Javascript做的一个别踩白块小游戏,代码简陋,如下: <!DOCTYPE html> <html> <head> <!-- 禁用缩放功能 --> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,…

用JavaScript做精灵图

用JavaScript做精灵图 精灵图可以不用在给每一个小块一 一的修改位置.主要原理是找到整张的背景图与li的下标的数学关系. 这是一大张背景图,这个背景图的位置其实是有规律的,每两张之间间隔一个固定长度,这个固定长度刚好等于一个小图标的长度,我们使用的这个图间隔44px. CSS样式如下图所示 样式代码如下: <style> *{ margin: 0; padding: 0; } body{ background-color: skyblue; } .conve{ width: 290px…

JavaScript可以做嵌入式开发了

JS怎么可能搞嵌入式开发? TESSEL这个工具可直接在设备上运行JS,无需服务端支持. 百闻不如一见,请查看官网介绍吧:http://technical.io/ 网页内还有一个示例,点击会看到LED灯的闪烁. 转自 www.qihangweb.com…

用javascript做一个视频播放器

以前我们在网页上播放视频,都是要麻烦flash来实现.看着那一大段的<object>真心觉得累.随着html5的不断普及,现在是时候使用html5提供的video元素来做点正经事了,但是要把界面打造的更加个性一点,需要一点javascript和一点css.如果能再加一个漂亮的美工,那就完全不在话下了.在项目早些时候 我们是通过phoneGap提供的插件实现的视频播放,但是有一个问题,翻页的时候,视频没有跟着一起动,感觉就是脱离了页面.后来采用video 来播放就可以一起移动了,但是它的默认样式…

用原生javascript做的一个打地鼠的小游戏

学习javascript也有一段时间了,一直以来分享的都是一些概念型的知识,今天有空做了一个打地鼠的小游戏,来跟大家分享一下,大家也可以下载来增加一些生活的乐趣,下面P出代码:首先是HTML部分代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>打地鼠的小游戏</title> <link rel…

用javascript做别踩白块游戏2

这一次做一个好一点的,要求黑块自动下落,且速度逐渐加快 <!DOCTYPE html> <html> <head> <!-- 禁用缩放功能 --> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-…

做嵌入式，C语言相关的朋友不要错过

前言 相对来讲嵌入式相关的人群总体来说比较少,那么有没有一个聚集地呢? 为回馈读者,「编程珠玑」与「嵌入式linux」,「EmbeddDeveloper」三个公众号联合组织了此次福利活动,「编程珠玑」将送出高质量书籍七本,极客时间价值99元阅码两个,「嵌入式linux」送出小米手环3两个,高质量书籍一本,而「EmbeddDeveloper」将送出高质量书籍五本. 规则 本次活动面向的是以上三个公众号的读者朋友,注意奥,这次抽奖方式不与以往不完全一样了,一定要看完奥! 1. 在公众号的后台回复[抽…

用JavaScript做一個簡單的計算器

今天繼續學習JavaScript,視頻講的確實挺差勁的.還是只能跟著W3School自己慢慢摸索著弄了.自己百度了一下,參考了一個大佬寫的一個簡單的計算器代碼.代碼能跑通,但是做出來的樣子實在是感覺太丑了.做完以後自己又把樣式重新寫了一遍.結果就變成這樣的了.下面就是今天的代碼: <!doctype html> <html> <head> <meta charset="utf-8"> <title>JSNote1</ti…

JavaScript做简单的购物车效果（增、删、改、查、克隆）

比如有时候遇到下面这种情况,点击加入购物车,然后在上方的购物车中动态的添加商品以及商品的信息,我们就可以通过JavaScript实现简单的这些操作. 首先我们需要在html文档中,通过css对页面的布局做一些简单的设置.并创建两个模板,其display属性设为隐藏.后面再通过克隆的方法往指定的位置添加元素.大致css样式如下: .buy { width: 200px; height: 300px; display: inline-block; border: 1px dashed grey; b…

饶有兴致的用javascript做了个贪食蛇游戏

09年写的东西.一直藏在自己的记事本里头,现在开始整理写博客,所以直接搬过来 先上效果图 再添代码: <HTML> <HEAD> <TITLE>贪吃蛇 Snake v1.0 版,作者:刚刀飞絮</TITLE> <STYLE> body{ font-size:9pt; } table{ border-collapse: collapse; border:solid #333 1px; } td{ height: 10px; width: 10px;…