摘要：最近来了一个网页,里面有图片,但是却没有引用外部的图片资源,很好奇.查看代码后发现,里面的图片是使用base64编码后的字符串代替了,这个叫做Data URI scheme. Data URI scheme支持的类型有： data:,文本数据 data:text/plain,文本数据 data:text/html,HTML代码 data:text/html;base64,base64编码的HTML代码 data:text/css,CSS代码 data:text/css;base64,base64编码的CSS代码 data:text/javascript,Javascript代码 data:text/javascript;base64,base64编码的Javascript代码 data:image/gif;base64,base64编码的gif图片数据 data:image/png;base64,base64编码的png图片数据 data:image/jpeg;base64,base64编码的jpeg图片数据 data:image/x-icon;base6 阅读全文

摘要：在做考试系统时需要解决这样一个问题，就是当考生考试时可能出出现断网、关闭浏览器，刷新等问题，数据此时可能没有及时写入数据库，所以造成数据丢失问题，，所以这里就需要用到本地存储，以前的版本都是用cookie，但是不得不说cookie太小了，只有可怜的4k，而机房的网有时候实在是让人捉急，所以，考虑换一种方案。 阅读全文

摘要：之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些小东东，闲话不多说赶快一起看看吧。 　　在默认情况下，链接、文本和图像是可以拖动的，不用再写代码即可拖动。如果想让其他元素标签也可以拖动，那么只有HTML5能实现了。HTML5为所有HTML元素规定了dragable属性，表示元素是否可以拖动。链接和图像的标签中自动将dragable属性自动被设置成true，其他元素的dragable属性的默认值是false。 　　支持dragable属性的浏览器有：Firefox 4+、Chrome、IE 10+和Safari 5+。Opera 11.5及之前的版本是不支持HTML5的拖放功能。另外能够让Firefox支持可拖动属性必须添加一个ondragstart事件处理程序，并在dataTransfer对象中保存一些信息才可以。在IE 9及更早版本中，通过mousedown事件处理程序调用dragDrop()方法能够让任何元素可以拖动。在Safari 4及更早的版本中，必须额外给相应的元素设置CSS样式 -khtml-user-d 阅读全文

摘要：可能网上早就有几个flappy-bird的html5版本啦，到这个时候flappy-bird可能也没有之前那么火了，但是作为一个新手，自己思考，自己动手写一个flappy-bird的demo还是很有成就感的。 flappy-bird的html5版无非是通过canvas来画的，可能网上也有webgl版本的，但是我貌似没见过，如果你发现了，希望告诉我一声，咱们一起讨论讨论。之前在微博上看到有大神用60几行就写出了一个demo，这让我写完之后发现自己的demo有将近200多行的代码，瞬间让我对大神们膜拜的五体投地，当然我的代码也可以精简到几十行，不过那样写出来，不便于维护，对于新人也很难看懂。 阅读全文

摘要：这一篇我们来尝尝免费的面包，至少目前是这样的。 QQ音乐相信大家或多或少都使用过，里面的音乐资源非常多。 这个时候你可能就明白了，没错，我们要在游戏中使用QQ音乐的资源当背景音乐~~~~~哦耶~！ 咳咳，不过呢，由于QQ音乐在线接口是加密的，所以我们需要一系列工作来解密并调用。可要做好准备哟！ 阅读全文

摘要：#classify ul li div{width:100px; height:200px; display:none; position:absolute; left:100px; top:0px;} #classify ul li:hover div { display:block;} 阅读全文

摘要：arcTo(x1,y1,x2,y2,radius) ; 还要加上moveTo的点(x0,y0) ; 阅读全文

摘要：提起拖拽，我就想起了在JavaScript培训的时候一个非常好玩的效果，那就是拖拽了。可以用鼠标任意拖拽着一个物体到任何你想去的地方。 　　最早拥有JavaScript拖拽功能的是IE4浏览器。当时，网页中只有两种对象是可以拖拽的，那就是：图形和某些文字。拖拽图像的时候，把鼠标放在图像上，按住鼠标不放就可以拖拽了。拖拽文字时，要先选中文字，然后可以像拖动图像那样拖拽选中的文字。在IE4中，唯一有效的放置拖拽文字的目标是文本框。到了IE5.5更进一步，让网页中的任何元素都可以拖拽(IE6以上也支持这些功能了)。随着浏览器一点点更新换代，随着IE7IE8以及其他浏览器的诞生，网页中所有东西都可以拖拽了，只不过是通过JavaScript程序来实现的。下面就是没有HTML5的时候，拖拽的实现小例子。 阅读全文

摘要：在来自不同域名的页面间传递消息一般统称为跨文档消息传送，简称XDM。如，www.leemagnum.com域中的页面与位于一个内嵌框架中的http://blog.csdn.net/lee_magnum域名中的页面通信。在XDM机制出现之前，要毫无压力地实现这种通信需要用很长时间。XDM把这种机制规范化，让咱们能够既稳妥又简单地实现跨文档通信。 　　XDM的核心是postMessage()方法。对于XDM而言，”另一个地方”指的是包含在当前页面中的iframe标签，或者有当前页面弹出的窗口。 阅读全文

摘要：HTML5对字符集属性也进行了更新，其中charset和defaultCharset属性就是HTML5中新添加的字符集属性。有关charset和defaultCharset属性的具体讲解尽在HTML5实战与剖析之字符集属性，下面就一起了解下吧。 阅读全文

摘要：这段时间经常看到开发者在反复询问同一个问题，为什么通过设置src属性，不能播放本地的媒体文件？例如video.src=”D:\test.mp4”。 这是因为浏览器中的JavaScript不能直接直接访问本地资源（例如文件系统，摄像头，麦克风等），除非事先得到了用户的允许。浏览器之所以进行该限制也是很有必要的，试想一下，如果JavaScript能够肆无忌惮的访问本地的文件系统，那么窃取用户隐私数据就变得轻而易举了，当用户访问网络上的某个网页时，不知不觉中自己机器上保存的信用卡卡号，密码，公司的秘密文件等隐私文件或许已经被恶意的JavaScript程序上传到了远方的服务器上，这对用户来说是不可容忍的。 阅读全文

摘要：标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下： 　　class和id：是分别指定热点的类型和id号。 　　alt：用于设定热点的替代性文字。 　　href：用于设定该热点所链接的url地址。 　　shape和coords：是两个主要的参数，用于设定热点的形状和大小。 阅读全文

摘要：仅仅只是一个简单的hello world. 阅读全文

摘要：以前需要做图片才能实现下面的效果,现在只需要这个样式就够了： 阅读全文

摘要：HTML5是最新的HTML标准，或迟或早，所有的web程序员都会发现需要使用到这个最新的标准，而且，很多人都会感觉到，重新开发一个HTML5的网站，要比把一个网站从HTML4迁移到HTML5上容易的多，这是因为这两个版本之间有很大不同之处。 阅读全文

摘要：HTML5 动态统计表 阅读全文

摘要：类似猎豹浏览器安装时的用户须知效果。 效果不是那么好，有那个意思，接缝比较大。 阅读全文