canvas/canvas是html5出现的新标签，像所有的dom对象一样它有自己本身的属性、方法和事件，其中就有绘图的方法，js能够调用它来进行绘图，本文使用canvas标签和Javascript配合画出了一个四...

当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。 例如： 复制代码 代码如下: div id = "user" data-uid = "12345" data-uname = "狼蚁SEO" /div 使用attribute方法存取 data-* 自...

如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的IE9不支持Xp系统安装，这样未来很长一段时间，HTML5的开发...

为交互添加恰当的音效，常常能改善用户体验。在我们所熟悉的windows里，清空回收站的碎纸声就是很好的例子。 狼蚁网站SEO优化是一个利用HTML5, Jquery，给页面添加音效的小组件（只是...

通过jquery+html5实现，当浏览器窗口缩小或者手机访问的时候，导航菜单变成按钮下拉式菜单。效果图： HTML代码： 复制代码 代码如下: nav id="nav-wrap" ul id="nav" lia href="#"Button/a/li lia href=...

复制代码 代码如下: /** * 以下为html5代码,获取地理位置 */ function getLocation() { //检查浏览器是否支持地理位置获取 if (navigator.geolocation) { //若支持地理位置获取,成功调用showPosition(),失败调...

复制代码 代码如下: !DOCTYPE html html head titleregister.html/title meta http-equiv="keywords" content="keyword1,keyword2,keyword3" meta http-equiv="description" content="this is my page" meta http-equiv="content-type" content="text...

html5实现微信的打飞机游戏,利用这个小游戏学习一个HTML5吧，这是开发WEB的一个方向 复制代码 代码如下: // JavaScript Document var c = document.getElementById("dotu"); var cxt = c.getContext("2d"); var img...

fillRect(100,100,100,100) 前2个100是指坐标，后2个100是指宽和高。 今天学习html5 的canvas，发现fillRect的坐标和大小一直不对，研究了半天，发现canvas的宽度和高度必须内联在canvas标签中才对。...

html5移动开发的出现让移动平台的竞争由系统平台转向了浏览器之间：移动端的IE、Chrome、FireFox、Safari，亦或是新出现的浏览器，谁能达到在移动端对HTML5更好的支持，谁就能在以后的移...

我们先看下他们的不同显示。 狼蚁网站SEO优化是在火狐下的截图： 狼蚁网站SEO优化这个是在chrome下的截图： 能猜想到的，就是写的代码肯定是不兼容的。不过你会发现真是比较简单的...

因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。 一、web storage和cookie的区别...

一、HTML5 Notification 简介 HTML5 Notification ，即桌面通知。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开。Notification可以跨越沙盒能够让浏览器即使是...

让IE(包括IE6)支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这...

又一款网页瀑布流效果，可以实现图片的无限制加载。基于时下流行的HTML5技术编写而成，演示页面中一共调用了7张图片，为了演示方便，这里让其随滚动条的滚动自动循环显示，这样...

今天先介绍下 html5 新增的结构元素，有的经常使用到，有的用不上，虽然说它们的出现是更促进页面更有语义，更好的 seo，但其实当页面禁用样式后，它们的展现跟 div 是没撒差别，有...