百叶窗形式的图片渐变交替_图片特效特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

      JavaScript图片特效的一种,本例子实现百叶窗形式的图片渐变交替效果,是不是见的很多啦,很熟悉的效果,原来是这么做出来的,嘿嘿~~

      <html> <head> <title>使用百叶窗效果来更换图片</title> <script language="javascript"> <!-- function imgReveal(){ picID.filters.revealTrans.apply(); if(picID.src.indexOf("http://p1.mb5u.com/texiao/1/20110225160557643.jpg") == -1){ picID.src = "http://p1.mb5u.com/texiao/1/20110225160557643.jpg"; }else{ picID.src = "/jscss/demoimg/wall_s3.jpg"; } picID.filters.revealTrans.Play(); } //--> </script> </head> <body> <IMG src="http://p1.mb5u.com/texiao/1/20110225160557643.jpg" id="picID" width="200" style="filter:revealTrans(duration=5,transition=9)"> <input type="button" onClick="imgReveal()" value="更换图片"> </body> </html>

查看原文