作家
登录

用javascript实现的图片马赛克后显示并切换加文字功能

作者: 来源:www.28hudong.com 2013-03-30 03:32:29 阅读 我要评论

<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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)