用javascript实现图片马赛克后显示并切换

　　<script language="JavaScript1.1">

　　var slidespeed=3000

　　//specify images

　　var slideimages=new Array("http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_1_7.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_2_1.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg")

　　//specify corresponding links

　　var slidelinks=new Array("#","#","#")

　　var imageholder=new Array()

　　var ie55=window.createPopup

　　for (i=0;i<slideimages.length;i++){

　　imageholder[i]=new Image()

　　imageholder[i].src=slideimages[i]

　　}

　　function gotoshow(){

　　window.location=slidelinks[whichlink]

　　}

　　//-->

　　</script>

　　<a href="javascript:gotoshow()"><img src="http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_1_7.jpg" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>

　　<script language="JavaScript1.1">

　　<!--

　　var whichlink=0

　　var whichimage=0

　　var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0

　　function slideit(){

　　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>