本文实例讲述了js实现图片和链接文字同步切换特效的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: js图片和链接文字同步切换特效 <br /> var imgUrl=new Array();<br /> var imgLink=new Array();<br /> var imgTz=new Array();<br /> var adNum=0;<br /> imgUrl[1]="/images/m01.jpg";<br /> imgLink[1]="http://www.jb51.net";<br /> imgTz[1]="<a href=#><font color=white>文字链接内容一 红叶传情";<br /> imgUrl[2]="/images/m02.jpg";<br /> imgLink[2]="http://www.jb51.net";<br /> imgTz[2]="<a href=#><font color=white>文字链接内容二 野花绽放";<br /> imgUrl[3]="/images/m03.jpg";<br /> imgLink[3]="http://www.jb51.net";<br /> imgTz[3]="<a href=#><font color=white>文字链接内容三 往事如茶";<br /> var j=0;<br /> for (i=1;i<=3;i++) {<br /> if( (imgUrl[i]!="") && (imgLink[i]!="") ) {<br /> j++;<br /> } else {<br /> break;<br /> }<br /> }<br /> function playTran(){<br /> if (document.all)<br /> imgInit.filters.revealTrans.play();<br /> }<br /> var key=0;<br /> function nextAd(){<br /> if(adNum<j)adNum++ ;<br /> else adNum=1;<br /> if( key==0 ){<br /> key=1;<br /> } else if (document.all){<br /> imgInit.filters.revealTrans.Transition=6;<br /> imgInit.filters.revealTrans.apply();<br /> playTran();<br /> }<br /> document.images.imgInit.src=imgUrl[adNum];<br /> document.getElementById('jdtz').innerHTML=imgTz[adNum];<br /> theTimer=setTimeout("nextAd()", 3000);<br /> }<br /> function goUrl(){<br /> jumpUrl=imgLink[adNum];<br /> jumpTarget='_blank';<br /> if (jumpUrl != ''){<br /> if (jumpTarget != '')<br /> window.open(jumpUrl,jumpTarget);<br /> else<br /> location.href=jumpUrl;<br /> }<br /> }<br /> 希望本文所述对大家的javascript程序设计有所帮助。
