实现的图片点击水波荡漾效果

时间:2009-02-18 21:14:49 ｜来源:网络｜作者:秩名｜点击:次

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>实现的图片点击水波荡漾效果测试页面-ACCP教程网</title> <meta content="no" http-equiv="imagetoolbar" /><style type="text/css"> body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;} img {position:absolute;left:-10000;} .spd {border:#000 solid 1px;overflow:hidden;z-index:0;font-size:1px;position:absolute;}</style><script type="text/javascript"> </script> </head> <body> <div id="SPAN" style="left: 50%; position: absolute; top: 50%"> </div> <img id="doot" alt="" src="http://www.accptech.com/demo/img/1.jpg" /> </body> </html>

实现的图片点击水波荡漾效果，他是把图片分成若干个，让后点击就散开。就达到水波荡漾效果咯。看看代码吧^_^。

演示地址：http://www.accptech.com/demo/37.html

顶一下

(1)

100%

踩一下

(0)

上一篇：网页俄罗斯方块下一篇：点击提交按钮后变成灰色

文章收藏 | 文章挑错 | 文章推荐 | 标签：图片

评论加载中....

实现的图片点击水波荡漾效果

相关内容

热门内容