网页中图片的动态滤镜效果

最新推荐文章于 2024-09-14 18:52:56 发布

weixin_30315435

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量77

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/tiantangwater/archive/2008/12/24/1361681.html

版权

<body>
<table width="200" height="108" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="108"><script language="JavaScript" type="text/javascript">
<!-- // BannerAD

var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;

   bannerAD[0]="images/14.jpg";
   bannerADlink[0]="/js";
   bannerAD[1]="images/01.jpg";
   bannerADlink[1]="/js";
   bannerAD[2]="images/02.jpg";
   bannerADlink[2]="/js";
   bannerAD[3]="images/03.jpg";
   bannerADlink[3]="/js";
   bannerAD[4]="images/04.jpg";
   bannerADlink[4]="/js";
   bannerAD[5]="images/05.jpg";
   bannerADlink[5]="/js";
   bannerAD[6]="images/06.jpg";
   bannerADlink[6]="/js";
   bannerAD[7]="images/07.jpg";
   bannerADlink[7]="/js";
   bannerAD[8]="images/08.jpg";
   bannerADlink[8]="/js";
   bannerAD[9]="images/09.jpg";
   bannerADlink[9]="/js";
   bannerAD[10]="images/10.jpg";
   bannerADlink[10]="/js";
   bannerAD[11]="images/11.jpg";
   bannerADlink[11]="/js";
   bannerAD[12]="images/12.jpg";
   bannerADlink[12]="/js";
   bannerAD[13]="images/13.jpg";
   bannerADlink[13]="/js";
   bannerAD[14]="images/15.jpg";
   bannerADlink[14]="/js";
var preloadedimages=new Array();

for (i=1;i<bannerAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 5000);
}

//-->
</script>
        <a οnmοuseοver="displayStatusMsg();return document.returnValue" ><img src="images/01.jpg" name="bannerADrotator" width="230" height="207" border="0" id="bannerADrotator" style="FILTER: revealTrans(duration=2,transition=20)" /></a>
        <script language="JavaScript" type="text/javascript">nextAd()</script>
    </td>
</tr>
</table>
</body>
</html>

Duration　　表示滤镜特效的持续时间(单位：秒)
Transition　滤镜类型。表示使用哪种特效，取值为0-23。

　　　　　　　0 矩形缩小
　　　　　　　1 矩形扩大
　　　　　　　2 圆形缩小
　　　　　　　3 圆形扩大
　　　　　　　4 下到上刷新
　　　　　　　5 上到下刷新
　　　　　　　6 左到右刷新
　　　　　　　7 右到左刷新
　　　　　　　8 竖百叶窗
　　　　　　　9 横百叶窗
　　　　　　 10 错位横百叶窗
　　　　　　 11 错位竖百叶窗
　　　　　　 12 点扩散
　　　　　　 13 左右到中间刷新
　　　　　　 14 中间到左右刷新
　　　　　　 15 中间到上下
　　　　　　 16 上下到中间
　　　　　　 17 右下到左上
　　　　　　 18 右上到左下
　　　　　　 19 左上到右下
　　　　　　 20 左下到右上
　　　　　　 21 横条
　　　　　　 22 竖条
　　　　　　 23 以上22种随机选择一种