投稿赚佣金 
升级SVIP
HTML5 自动聚焦(autofocus)属性使用介绍
原文 ： HTML5 autofocus Attribut 原文发布时间： 2012年08月27日 翻译时间： 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们。 过去我们要用JavaScript和Flash完成的任务，比如表单
HTML5新增的Css选择器、伪类介绍
选择器 p[name^=“my”]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以“my”开头的元素标签 p[name$=“my”
Canvas与Image互相转换示例代码
JS Canvas与Image互相转换 原文演示: JavaScript Canvas Image Conversion Demo在上周的Mozilla Web开发 会议,最后我们花了大半天的时间讨论未来的Mozilla市场应用。Insta
HTML5 预加载让页面得以快速呈现
浏览器厂商和开发者之间共同努力的一个方向就是让网站更快。现在已有很多广为人知的加速解决方案：CSS sprites(CSS精灵,拼图)以及图像优化,分布式配置文件(.htaccess),JS/文本文件压缩，CDN加速等。 我在另一篇博文中介
HTML5 中新的全局属性(整理)
NEW：HTML 5 中新的全局属性。属性描述accesskey规定访问元素的键盘快捷键class规定元素的类名（用于规定样式表中的类）。contenteditable规定是否允许用户编辑内容。contextmenu规定元素的上下文菜单。d
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
正统的HTML5 Canvas中如下代码 复制代码代码如下: ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(10, 100); ctx.lineTo(300,100); ctx.stroke(
HTML5 Canvas自定义圆角矩形与虚线示例代码
HTML5 Canvas自定义圆角矩形与虚线(RoundedRectangle and Dash Line) 实现向HTML Canvas 2d context绘制对象中添加自定义的函数功能演示，如何绘制虚线以及控制虚线间隔大小，学会绘制圆
HTML5 Canvas阴影使用方法实例演示
HTML5 Canvas中提供了设置阴影的四个属性值分别为： context.shadowColor = “red” 表示设置阴影颜色为红色 context.shadowOffsetX = 0表示阴影相对TEXT的水
使用HTML5拍照示例代码
演示地址： HTML5拍照演示首先，我们看看HTML代码结构，当然，这部分的DOM内容应该是在用户允许使用其摄像头事件出发后，动态加载生成的。 注意： 我们采用的是 640X480的分辨率，如果采用JS动态生成，那么您是可以灵活控制分辨率的
HTML5梦幻之旅——炫丽的流星雨效果实现过程
徐家破镜昏如雾。半面人间露。等闲相约是看灯。谁料人间天上、似流星。朱门帘影深深雨。憔悴新人舞。天涯海角赏新晴。惟有桥边卖镜、是闲行。 ——宋·刘辰翁·《虞美人》 流星出现的时候，人们都喜欢
html5模拟平抛运动(模拟小球平抛运动过程)
物体以一定的初速度沿水平方向抛出，如果物体仅受重力作用，这样的运动叫做平抛运动。平抛运动可看作水平方向的匀速直线运动以及竖直方向的自由落体运动的合运动。平抛运动的物体，由于所受的合外力为恒力，所以平抛运动是匀变速曲线运动,平抛物体的运动轨迹
html5文字阴影效果text-shadow使用示例
复制代码代码如下:
HTML5 贪吃蛇游戏实现思路及源代码
游戏操作说明 通过方向键控制贪吃蛇上下左右移动。贪吃蛇吃到食物之后会变长一个长度。 游戏具体实现 游戏难点是怎么模拟贪吃蛇的移动。如果只是一个方块的话显然很简单。但是当蛇的长度变长之后要怎么样控制 每个方块的移动呢？ 如果观察蛇的移动，可以
html5开发之viewport使用
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小
HTML5和以前HTML4的区别整理
HTML5是HTML标准的下一个版本。虽然HTML5没有完全颠覆HTML4，但是它们也有一些不同。最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/，貌似略多的样
用canvas实现图片滤镜效果附演示
这是一个很有意思的特效，模拟摄像机拍摄电视屏幕画面时出现点状颗粒的效果。颗粒的大小通过变换矩阵实现，可以任意调节，有兴趣研究的朋友可以尝试更多的效果，代码没有经过优化，只是一个粗糙的Demo，大家可以自行改进。 1.获取图像数据 复制代码代
html5跨域通讯之postMessage的用法总结
postMessagePortal.html 页面代码复制代码代码如下:标题
html5 Web SQL Database 之事务处理函数transaction与executeSQL
1、在创建或打开数据库以后，就可以使用事务 API transaction。每一个事务作为操作数据库的原子操作，不会被打断，从而避免了数据冲突。transaction 的定义是：复制代码代码如下:void transaction(query
html5 video标签屏蔽右键视频另存为的js代码
做HTML5的video标签，本身我们有下载功能，但是在video区域内，点击右键可以将“视频另存为”， 来下载视频，为了屏蔽“视频另存为”，可以在js中加入以下代码： 复制代码代码如下: $
