图片加载时候逐渐出现的砂粒波纹效果js版

发布时间：2018-09-08 09:46:26 所属栏目：Asp教程来源：站长网

导读：javascript实现的一款特效，我们经常在一些网站看到，就是在图片加载时候逐渐出现的砂粒波纹效果。加载图片的时候不是一下子就出来了，而是由模糊到清淅，或是由一种不占用过多网络资源的方式先大致显示，然后再慢慢加载，避免因用户等不及将网页关掉，像

　　javascript实现的一款特效，我们经常在一些网站看到，就是在图片加载时候逐渐出现的砂粒波纹效果。

　　加载图片的时候不是一下子就出来了，而是由模糊到清淅，或是由一种不占用过多网络资源的方式先大致显示，然后再慢慢加载，避免因用户等不及将网页关掉，像马赛克效果、沙子效果等，虽然本效果与马赛克有些差别，但可从思路上为你提供一份参考。

<html> <head> <title>图片逐渐出现杂色效果</title> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <SCRIPT FOR=window EVENT=onLoad LANGUAGE=vbscript> image1.filters.item(0).apply() image1.filters.item(0).transition = 12 image1.Style.visibility = "" image1.filters(0).play(2.0) </SCRIPT> </HEAD> <BODY> <img src="/uploads/common/images/pic4.jpg" border=0 alt="liehuo学院&烈火.net" title="烈火学院 Liehuo.Net" id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);"> </BODY> </HTML> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：辽源站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!