Contoh dalam artikel ini menerangkan kaedah menggunakan js untuk mencapai kesan penukaran segerak antara gambar dan teks pautan. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Imej JS dan teks pautan kesan penukaran segerak <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>Kandungan pautan teks 1 Penggoda daun merah</font></a>";<br> imgUrl[2]="/images/m02.jpg";<br> imgLink[2]="http://www.jb51.net";<br> imgTz[2]="<a href=#><font color=white>Kandungan pautan teks dua Bunga Liar mekar</font></a>";<br> imgUrl[3]="/images/m03.jpg";<br> imgLink[3]="http://www.jb51.net";<br> imgTz[3]="<a href=#><font color=white>Kandungan pautan teks tiga Masa lalu seperti teh</font></a>";<br> var j=0;<br> untuk (i=1;i<=3;i ) {<br /> if( (imgUrl[i]!="") && (imgLink[i]!="") ) {<br /> j ;<br /> } lain {<br /> rehat;<br /> }<br /> }<br /> fungsi playTran(){<br /> jika (dokumen.semua)<br /> imgInit.filters.revealTrans.play();<br /> }<br /> kunci var=0;<br /> fungsi nextAd(){<br /> if(adNum<j)adNum ;<br /> lain adNum=1;<br /> jika( kunci==0 ){<br /> kunci=1;<br /> } lain jika (dokumenkan.semua){<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 /> fungsi goUrl(){<br /> jumpUrl=imgLink[adNum];<br /> jumpTarget='_blank';<br /> jika (jumpUrl != ''){<br /> jika (jumpTarget != '')<br /> window.open(jumpUrl,jumpTarget);<br /> lain<br /> location.href=jumpUrl;<br /> }<br /> }<br /> </skrip><br> </head><br> <badan><br> <jadual><tr><td> <a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20); border=0" src ="javascript:nextAd()" width=320 height=240 border=0 name=imgInit></a></tr><tr><td id=jdtz bgcolor="blue "></td></tr></table><br> </body><br> </html></div> <p>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
