-
HTML5 placeholder(空白提示)属性介绍
原文地址： 演示地址: 原文日期： 2010年08月09日 翻译日期： 2013年8月6日 浏览器引入了许多的HTML5 特性: 有些是基于HTML的，有些是JavaScript APIs形式的,但都很有用。其中我最喜欢的一个就...
-
5个你不知道的HTML5的接口介绍
原文地址：原文日期： 2010年09月27日 翻译日期： 2013年8月7日 当人们看到或者说出HTML5这个词的时候，估计至少有一半以上的人，会联想到她既是一个性感而又充满魅力的美女，同时也是...
-
HTML5梦幻之旅——炫丽的流星雨效果实现过程
徐家破镜昏如雾。半面人间露。等闲相约是看灯。谁料人间天上、似流星。朱门帘影深深雨。憔悴新人舞。天涯海角赏新晴。惟有桥边卖镜、是闲行。 宋刘辰翁《虞美人》 流星出现的时...
-
使用HTML5拍照示例代码
演示地址： 首先，我们看看HTML代码结构，当然，这部分的DOM内容应该是在用户允许使用其摄像头事件出发后，动态加载生成的。 注意： 我们采用的是 640X480的分辨率，如果采用JS动态生...
-
HTML5 Canvas阴影使用方法实例演示
HTML5 Canvas中提供了设置阴影的四个属性值分别为： context.shadowColor = red 表示设置阴影颜色为红色 context.shadowOffsetX = 0表示阴影相对TEXT的水平距离，0表示两者水平位置重合 context.shadowOff...
-
HTML5 Canvas自定义圆角矩形与虚线示例代码
HTML5 Canvas自定义圆角矩形与虚线(RoundedRectangle and Dash Line) 实现向HTML Canvas 2d context绘制对象中添加自定义的函数功能演示，如何绘制虚线以及控制虚线间隔大小，学会绘制圆角矩形的技巧...
-
HTML5 Canvas画线技巧——实现绘制一个像素宽的细
正统的HTML5 Canvas中如下代码 复制代码 代码如下: ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(10, 100); ctx.lineTo(300,100); ctx.stroke(); 运行结果绘制出来的并不是一个像素宽度的线 感觉怎么好粗啊，跟...
-
使用HTML5的File实现base64和图片的互转
刚接触到一个内联图片的概念，内联图片即使把图片文件编码成base64 看狼蚁网站SEO优化代码即是内联问题 可以减少http的请求，缺点是不能跨域缓存！ 复制代码 代码如下: img src="data:i...
-
HTML5 中新的全局属性(整理)
NEW：HTML 5 中新的全局属性。 属性 描述 规定访问元素的键盘快捷键 规定元素的类名（用于规定样式表中的类）。 规定是否允许用户编辑内容。 规定元素的上下文菜单。 规定元素中内...
-
html5文字阴影效果text-shadow使用示例
复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title/title style type="text/css" /*![CDATA[*/...
-
html5模拟平抛运动(模拟小球平抛运动过程)
物体以一定的初速度沿水平方向抛出，如果物体仅受重力作用，这样的运动叫做平抛运动。平抛运动可看作水平方向的匀速直线运动以及竖直方向的自由落体运动的合运动。平抛运动的...
-
html5记忆翻牌游戏实现思路及代码
翻开的2张牌如果配对就会消除，否则2张牌都会返回背面。 需求分析 怎么绘制正的牌面和背的牌面及配对成功后怎么消除牌面 怎么生成牌组并且确定每张牌的位置和对应的图片 怎么洗...
-
html5 乒乓球(碰撞检测)实例二
演示地址 http://koking.8u.hanmandarin.com/html5/1.html 简单介绍 小球可以在方框内部自由运动 可以通过方向键控制黑色砖块上下左右移动去与小球发生碰撞 代码实现 复制代码 代码如下: !-- To...
-
html5 迷宫游戏(碰撞检测)实例一
游戏效果图 通过鼠标拖拽在画布上添加墙壁，通过方向键控制多边形上下左右移动，遇到墙壁则无法前进。 需要解决的问题 鼠标按下，鼠标拖动，鼠标释放事件的检测 多边形的绘制...
-
html5弹跳球示例代码
复制代码 代码如下: html head meta charset=utf-8 title跳跳球/title script //box var box_x=0; var box_y=0; var box_width=300; var box_height=300; //注意:定位球采用球的中心 var ball_x=10; var ball_y=10; var ball_radius=10...
-
x-ua-compatible content=”IE=7, IE=9″意思理解
公司的项目在老总的IE9下无法正常访问了。 那么就要用狼蚁网站SEO优化的方法：让网页兼容ie9 复制代码 代码如下: ![if lte IE 8] meta http-equiv=x-ua-compatible content=ie=7 / ![endif] ![if IE 9] meta ht...
