-
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
新建一个html页面，在body tag之间加入 复制代码 代码如下: canvas id="myCanvas" Gray Filter/canvas 添加一段最简单的JavaScript 脚本 复制代码 代码如下: pre name="code" class="javascript"window.onload = funct...
-
基于IE10/HTML5 开发
IE 对html5的支持还得从IE9说起。在IE9时，就已经对HTML5和CSS3有着比较好的支持了，还有不得不说的硬件加速，以及全新的javascript解析引擎 Chakra（查克拉），Chakra在同行业中对javascript的...
-
IE10 Error.stack 让脚本调试更加方便快捷
在IE10中已经新加入了Error.stack 的支持，可以加快开发人员的脚本调试，并更正错误。尤其是一些难以重现的错误，如异步操作等。以下内容来自于微软IE团队，对于这个特性描述的非常...
-
Javascript 高级手势使用介绍
在IE10中新加入的对高级用户输入的识别支持，举例说明：注册一个点击操作，通过一句addEventListener 就能够知道当前用户的点击是哪种设备，是手指的点击，是鼠标的单击还是触控笔的...
-
基于Modernizr 让网站进行优雅降级的分析
如今一个网页展现的内容是越来越丰富，其中不乏一些HTML5、CSS3的功能特效。那么如果客户端的浏览器支持HTML5。页面访问效果很好没有问题。如果不支持HTML5，还是IE6,7,8等浏览器的时...
-
用HTML5实现网站在windows8中贴靠的方法
首先来了解一下windows 8 的贴靠，在windows 8 中的Metro应用可以将屏幕很好的进行分割.如下图 让用户在使用时可以非常方便的切换。 系统对贴靠也是有硬性规定的。最多两个屏幕，而且是...
-
html5+css3实现一款注册表单实例
效果图如下： html源码： 复制代码 代码如下: !DOCTYPE html html head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / link rel="stylesheet" href="css/style.css" / script src="http://ajax.googleapis.com/ajax/...
-
程序设计HTML5 Canvas API
复制代码 代码如下: script type="text/javascript" try { document.createElement("Canvas").getContext("2d"); document.getElementById("support").innerHTML = "OK"; } catch (e) { document.getElementById("support").innerHTML = e.message; }...
-
html5与css3小应用
...
-
如何让IE9以下版本(ie6/7/8)认识html5元素
每个浏览器都有一份清单列举自己所支持的HTML元素。不在清单上的元素都将被视为未知元素。浏览器不会给未知元素设定任何样式（不同浏览器对元素会有不同的默认样式）。在IE9之前...
-
html5 拖拽上传图片实例演示
因为标题写的是实例，所以本次就不做讲解了，因为这个实例我也算是东拼西凑整出来的，参考了大概5、6款拖拽上传的插件和demo，然后把其中好的地方挑出来，最后就成了这么一个实...
-
html5 跨文档消息传输示例探讨
对窗口对象的message事件进行监听 复制代码 代码如下: window.addEventListener("message", function(event) { // 处理程序代码 }, false); 使用window对象的postMessage()方法向其他窗口发送消息，该方法的定义...
-
Html5实现如何在两个div元素之间拖放图像
原本效果 拖拽之后效果 代码如下 复制代码 代码如下: [code] !DOCTYPE HTML html head style type="text/css" #div1, #div2 {float:left; width:100px; height:35px; margin:10px;padding:10px;border:1px solid #aaaaaa;} /style scri...
-
检测浏览器是否支持html5视频的代码
在http://www.w3school.com.cn学习html5的时候，看到一个检测您的浏览器是否支持 HTML5 视频的方法： 运行效果： 1.在EditPlus中运行 2.在chrome浏览器中运行 ================================================...
-
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
Canvas里绘制椭圆是一个很常见的需求，比较新的HTML Canvas 2D ContextW3C草案里面新增了ellipse方法绘制椭圆，但是目前大多数浏览器还没有实现该方法，所以需要用arc或者arcTo方法结合scale变...
-
HTML5中的Article和Section元素认识及使用
HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：article和section。 最常被问起的问题是：在什么情况下我们应该使用这...
