CSS3实现图片阴影效果(鼠标移上放大图片)
一个CSS3图片链接效果，并且给图片加上边框阴影的漂亮效果，有人把这种效果称为“图片呼吸灯”，当鼠标移到图片上的时候，图片会瞬时放大显示，像是在“呼吸”，鼠标移走后则图片恢复原始大小，可作为一个图片列表的显示效果，用于图片站、旅游风景站或产品站都可以哦。因CSS3技术所以测试请用Chrome或火狐。
View ArticleHTML5+JS打造的3D球视觉特效
再回首，那只小球已停止转动——HTML5 3D球效果，炫丽的3D球视觉效果，测试前请先激活，小球大小可随时设定，可控制小球向上、向下、向左、向右转动，代码里的自定义参数也比较多，比如X/Y方向上的密度和速度、数学角度、各方向上的偏移量、存储的像素点等。
View Article【牛X】纯CSS3打造的叮当猫图案
CSS3/HTML5代码实例，实现一个可爱的叮当猫图案，如果浏览器不支持CSS3的话，也是可以显示出猫的图案，不过效果当然不如支持HTML5的浏览器，比如火狐、Chrome下表现完美，学习CSS3或HTML5你可不要错过哦。
View ArticleCSS3实现的图片动态交互效果
基于HTML5的的动态交互效果，CSS3代码实例，鼠标移到Logo图片上，渐变渐入显示第二张图片，加入了的动画效果就是使用CSS3技术实现的，没有使用任何的JavaScript代码。
View Article纯CSS3打造的圆角气泡框
html5圆角气泡提示框，可用于评论对话框、留言或聊天对话框，框中的箭头是制作亮点，也是难点，用传统CSS也可实现，不过用HTML5中的CSS3更容易实现，本代码列举了不同开头方向的提示框样式，便于用户选择使用，也方便学习参考。
View Articlecss3实现图片过滤效果
css3图片过滤效果，鼠标放上后其它图片模糊，鼠标所在位置的图片是清淅的，有效索引出当前的图片，对图片的模糊处理是本特效的亮点，你完全可以将模糊的效果应用于其它的图片特效中，你同样也可借此代码研究一下HTML5中的CSS3技术。
View ArticleHTML5+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 ArticleCSS实现的网页水平翻转效果_网页代码站(www.webdm.cn)
这实际上是一个兼容IE和火狐的网页180度翻转效果，有针对IE和火狐兼容性方面的代码，大部分浏览器都可以执行，若不是IE浏览器的话，会自动执行被支持的CSS，你可以试下页面，会把网页上的文字和图片按180旋转后显示，字是反的。
View Articlehtml5 Canvas实现的小球弹跳游戏_网页代码站(www.webdm.cn)
html5 Canvas实现的小球弹跳游戏，其实不能算是游戏，仅是实现了小球弹跳的整个过程，要想成为游戏，还需要添加一些游戏控制模块。现在HTML5网页游戏很流行，从小游戏开始，多看一些小游戏代码，对于HTML5网页游戏开发是有帮助的。本代码亮点：注释丰富。测试请使用FF/OPERA/CHROME浏览器。
View ArticleHTML5使用canvas元素绘制指针式动画时钟_网页代码站(www.webdm.cn)
HTML5使用canvas元素绘制指针式动画时钟，也就是手表式的电子钟，本示例对于学习HTML5来说是相当不错的，因为里面有很多的代码注释，特别是想学习HTML5的朋友，更应该看一看。测试时，请确保你的浏览器必须支持HTML5的属性，否则Canvas无法被执行。
View Article