HTML5+CSS3实现点击显示网页侧边栏的效果
CSS3实现的网页侧边栏效果，点击指定按钮，显示或隐藏侧菜单，CSS3运行于HTML5环境，IE8及以下版本不支持，因此测试时请确认你的浏览器支持HTML5技术，推荐使用火狐或谷歌Chrome浏览器。
View Article一个炫丽的HTML5图像特效
一个炫丽的HTML5图像特效，请在除了IE外的其它浏览器中测试，比如火狐、Chrome、Safari等浏览器，打开页面后在文字上点击右键，即可看到炫丽的效果。
View ArticleHTML5+JS打造的一个跑动小人（左右方向键控制）
HTML5跑动的小人，在网页游戏开发中会用到这些小技巧，一个类似超级玛莉一样的小人在左右方向键的控制下飞快奔跑。浏览器要求，Chrome、Safari、火狐、Opera等，由于目前IE8不支持canvas标签，所以看不到本效果。
View Articlecss3实现的粒子飘飞效果
css3粒子效果，粒子飘飞效果，觉得挺不错的效果。请注意，此为CSS3代码，IE浏览器看不到效果，请使用IE9或火狐浏览器，或Chrome浏览器。
View ArticleHtml5+Jquery打造的网页时钟
Html5网页时钟，动画版，请使用ie9及火狐或Chrome浏览器，IE8及以下版本将会看不到效果或出错。希望通过本实例让大家了解HTML5的一些特性，仅供参考。
View Articlehtml5写的3D逼真圣诞树效果
html5写的3D逼真圣诞树效果，HTML5确实是不错的一项新技术，简短的代码就能编写出如此级别的效果，确实不错。希望本代码能为学习HTML5的你带去一丝灵感。源码爱好者提醒：测试时请使用火狐浏览器，IE就至少使用9.0版本。
View ArticleJS显示鼠标坐标信息
JavaScript获取鼠标的坐标信息，得到鼠标的X/Y坐标，是适时获取，在屏幕上移动你的鼠标试试看，X/Y坐标会适时显示出来，在编写一些网页游戏时，这是最基本的一个模块功能，希望对大家研究学习JS有所帮助。
View ArticleJS实现拖动鼠标实现写字效果
拖动鼠标实现写字效果。按住鼠标左键不放，在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放，在页面中拖动即可把字擦去，挺有意思的效果，大家共享哈。
View Article9款超酷html5 canvas loading动画效果_网页代码站(www.webdm.cn)
html5 canvas超酷loading，用时候可以单独摘出某个你喜欢的Loading代码，看了你会喜欢的。注意不要用IE8测试，html5现在支持火狐、Chrome、Opera等浏览器。
View Article彩色圆环旋转的HTML5网页加载特效_网页代码站(www.webdm.cn)
彩色圆环旋转的HTML5网页加载特效，也就是网页正在加载其它内容的时候显示的一个动画效果，你可不要认为这是一段Flash，其实它是用HTML5和JS代码生成的，和图片丝毫不沾边，你看看效果就明白了。测试的话，IE8就不行了，使用chrome或火狐吧。
View Article圆环旋转的网页加载特效，基于hTMl5和JS_网页代码站(www.webdm.cn)
单个圆环旋转的网页加载特效，基于hTMl5和JS，测试请用火狐浏览器，因为杯具的IE8并不支持HTML5，本Loading效果非常漂亮，用在网页上肯定有专业范！~
View ArticleHTML5 canvas绘制chrome浏览器 logo图标_网页代码站(www.webdm.cn)
HTML5学习第两天写出的：HTML5 canvas绘制chrome浏览器 logo图标，不错不错，很逼真的LOGO，用了JavaScript共同实现，之前也收集过一些Canvas画Logo的例子，有兴趣的在本栏目搜索下，对学习HTML5，特别是Canvas的使用，绝对是有帮助的。
View Articlehtml5 canvas绘制线条_网页代码站(www.webdm.cn)
学习使用HTML5的Canvas画线条，并介绍了各个函数方法的具体用途，我想学习HTML5的一定要看哦。比如 getContent('2d')用于用于获取canvas的2D绘图环境（获取一张纸）；beginPath用于确定绘制过的图形，如果开始绘制新图形时候不进行beginPath操作将会重新渲染之前绘制过的图形。还有lineCap、strokeStyle的用法...
View Article斜方向下落的雨滴动画_网页代码站(www.webdm.cn)
HTML5逼真雨滴，这个是斜方向 下落，请参阅这个页面：http://www.webdm.cn/jscss/code/4834.shtml 是直着下落的雨滴，二者差别一不大，只是在参数上的稍微差别。这里使用了一个JS封装库：rainyday.js，使用本效果前请顺着代码路径下载这个js文件到你的服务器上。
View ArticleHTML5雨滴特效，晶莹剔透_网页代码站(www.webdm.cn)
晶莹剔透的HTML5雨滴特效，在一张玻璃图片的衬托下，非常的逼真，用HTML5 Canvas实现了雨滴和下落动画效果，以往这种效果都要借助于Flash，现在好了，有了HTML5确实是方便多了，希望这个效果对研究HTML5的朋友有所帮助。
View ArticleCSS3 transform-style 3D旋转特效_网页代码站(www.webdm.cn)
两个Div叠加在一起，并自动旋转，这里主要使用CSS3中的 transform-style属性来实现3D旋转，并利用CSS3优势轻松实现动态旋转，像Flash一样，根据代码中的注释，你会明白如何执行X轴和Y轴方向上的360动画旋转的实现。
View ArticleHTML5绘制星空_网页代码站(www.webdm.cn)
HTML5绘制一个很丑的星空，是一个Canvas实例，美工不太好，只能这样了，主要是演示下HTML5中如何制作一些Canvas的例子，对HTML5有兴趣的不妨研究下实现的方法和代码。
View ArticleHTML5 Canvas 鼠标绘制圆形_网页代码站(www.webdm.cn)
HTML5 Canvas 鼠标绘制圆形，在网页中的空白区域内按住鼠标左键拖动鼠标即可画出圆形，圆的半径根据你的拖动距离而决定，背景色和边框色是由数组来随机决定，这样拖出来的图形才更智能化一些。别忘了，这里使用了jquery前端库，版本为1.6.2，当然高版本也是可以的。代码有点乱，自己优化下吧。
View Article