本文實例講述了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程式設計有所幫助。
