<script language="JavaScript1.1"> var slidespeed=3000 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","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg") var texts = new Array ("11111","22222","33333","44444","55555") var texts1 = new Array ("11111","22222","33333","44444","55555") var texts2 = new Array ("11111","22222","33333","44444","55555") 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> <table width="200" border="1"> <tr> <td colspan="2" rowspan="3"><img src="http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_1_7.jpg" name="slide" border=0 width=200px height="200px" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></td> <td><div id=text> </div></td> </tr> <tr> <td><div id=text1> </div> </td> </tr> <tr> <td><div id=text2> </div> </td> </tr> </table> <div id=aa></div> <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 whichlink=whichimage; if(whichimage<slideimages.length){ whichimage=whichimage+1; }else{whichimage=1} /* whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0; whichimage=(whichimage>=slideimages.length)?whichimage=slideimages.length:whichimage; */ if (ie55) document.images.slide.filters[0].apply() var thesrc=(whichimage-1)>0?thesrc=whichimage-1:0 document.images.slide.src=imageholder[thesrc].src if (ie55) document.images.slide.filters[0].play() text.innerText=(whichimage<slideimages.length+1)? texts[whichimage-1] : 0; aa.innerText= whichimage; text1.innerText=(whichimage<slideimages.length+1)? texts1[whichimage-1] : 0; text2.innerText=(whichimage<slideimages.length+1)? texts2[whichimage-1] : 0; setTimeout("slideit()",slidespeed+pixeldelay) } slideit() //--> </script> <html> <body> </body> </html>
推荐阅读
有提示确定与取消功能的弹出式窗的代码
我不知道这样的功能叫什么,找了好久也没有找到,所以来找大家帮助了,在此谢谢了。 我的目的是这样的,就是在原有页面基础上,弹出一个新窗,同时原来的页面偏灰色,并且不能操作,必须在弹出的新窗关闭后才能恢复>>>详细阅读
本文标题:用javascript实现的图片马赛克后显示并切换加文字功能
地址:http://www.17bianji.com/kaifa2/JS/30577.html
1/2 1