图片变换效果 2种做法！

 2007-10-25 来源：PC235.COM 您有问题？请联系我们

关 键 词：图片变换效果 2种做法！

【软件简介】

第2种 可以放6个左右图片 建议不要使用空间相册图片 1，地址太长。2，还经常出问题！ 

蓝色部分为需要修改的地方，下面的数字是图片宽和高！如有问题，请在疑问解答区发表！

        若提示代码长度超过1024字节，建议不要用空间相册图片，想用的话就先存在电脑上，上传到别的网络相册！！还不行的话，可以少加几张图片！！删掉这个就行！！adImg[5] = "图片6地址"; 

<script language="javascript"> var adImg = new Array(); var adLink = new Array(); var cID = 0; adImg[0] = "图片1地址";  adImg[1] = "图片2地址"; adImg[2] = "图片3地址"; adImg[3] = "图片4地址"; adImg[4] = "图片5地址";adImg[5] = "图片6地址";   var preImgs = new Array(); for(i=0;i<6;i++) { preImgs[i] = new Image(); preImgs[i].src = adImg[i]; } function NextAd() { if(cID == 6)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url() { window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();">   
<img name="imgAD" style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0"  width="361" height="213" hspace="0">
                             宽                    高

 

 第2种： 可以带连接，和本站首页效果一样，不过图片数也要减少了！！

<script language="javascript"> var adImg = new Array(); var adLink = new Array(); var cID = 0; adImg[0] = "图片1地址"; adLink[0] = "图片1连接的地址"; adImg[1] = "图片2地址"; adLink[1] = "图片2连接的地址"; adImg[2] = "图片3地址"; adLink[2] = "图片3连接的地址"; var preImgs = new Array(); for(i=0;i<3;i++) { preImgs[i] = new Image(); preImgs[i].src = adImg[i]; } function NextAd() { if(cID == 3)cID=0; if(document.all) { imgAD.filters.revealTrans.Transition=Math.floor(Math.random()*23); imgAD.filters.revealTrans.apply(); imgAD.src = adImg[cID]; imgAD.filters.revealTrans.play(); cID++; setTimeout("NextAd()", 4000); } } function ShowLink() { document.returnValue = true; } function Go2Url() { window.open(adLink[cID-1]); }</script> <a onMouseOver="javascript:ShowLink();return document.returnValue;" href="javascript:Go2Url();">   
<img name="imgAD" style="FILTER: revealTrans(duration=2,transition=20);BORDER-RIGHT:#cccccc 1px solid; BORDER-TOP:#cccccc 1px solid; BORDER-LEFT:#cccccc 1px solid; BORDER-BOTTOM:#cccccc 1px solid" src="javascript:NextAd()" border="0"  width="361" height="213" hspace="0">
                             宽                    高

图片变换效果 2种做法！文章结束

更多内容请看 菜鸟学堂 > > Q Q 知识专题

上一个文章： 横幅的FLASH，很酷的！

下一个文章： 初级教程系列2：空间做法和代码的使用！