js图片模糊切换显示特效的方法
本文实例讲述了js图片模糊切换显示特效的方法。分享给大家供大家参考。具体实现方法如下:
<html> <title>一款图片模糊切换显示效果</title> <body> <scriptlanguage="JavaScript1.1"> <!-- varslidespeed=3000 varslideimages=newArray("/images/m01.jpg","/images/m02.jpg","/images/m03.jpg","/images/m04.jpg") varslidelinks=newArray("https://www.nhooo.com","https://www.nhooo.com","https://www.nhooo.com") varimageholder=newArray() varie55=window.createPopup for(i=0;i<slideimages.length;i++){ imageholder[i]=newImage() imageholder[i].src=slideimages[i] } functiongotoshow(){ window.location=slidelinks[whichlink] } //--> </script> <ahref="javascript:gotoshow()"><imgsrc="/images/csrcode.ico"name="slide"border=0style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"onclick="javascript:window.open(this.src);"style="cursor:pointer;"/></a> <scriptlanguage="JavaScript1.1"> <!-- varwhichlink=0 varwhichimage=0 varpixeldelay=(ie55)?document.images.slide.filters[0].duration*1000:0 functionslideit(){ if(!document.images)return if(ie55)document.images.slide.filters[0].apply() document.images.slide.src=imageholder[whichimage].src if(ie55)document.images.slide.filters[0].play() whichlink=whichimage whichimage=(whichimage<slideimages.length-1)?whichimage+1:0 setTimeout("slideit()",slidespeed+pixeldelay) } slideit() //--> </script> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。