Contoh dalam artikel ini menerangkan kaedah javascript untuk merealisasikan paparan beransur-ansur gambar dalam gelung. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Gelung gambar pudar kod kesan main balik <br> <!--//<br /> sandra0 = Imej baharu();<br /> sandra0.src = "/images/m01.jpg";<br /> sandra1 = Imej baharu();<br /> sandra1.src = "/images/m02.jpg";<br /> sandra2 = Imej baharu();<br /> sandra2.src = "/images/m03.jpg";<br /> var i_strngth=1<br /> var i_image=0<br /> var imageurl = new Array()<br /> imageurl[0]="/images/m01.jpg"<br /> imageurl[1]="/images/m02.jpg"<br /> imageurl[2]="/images/m03.jpg"<br /> function showimage() { <br /> jika(dokumen.semua) {<br /> jika (i_strngth <=110) {<br /> testimage.innerHTML="<img style='filter:alpha(opacity=" i_strngth ")' src=" imageurl[i_image] " border=0>";<br> i_strngth=i_strngth 10<br> var timer=setTimeout("showimage()",100)<br> }<br> lain {<br> clearTimeout(pemasa)<br> var timer=setTimeout("hideimage()",1000)<br> }<br> }<br> if(document.layers) {<br> clearTimeout(pemasa)<br> document.testimage.document.write("<img src=" imageurl[i_image] " border=0>")<br> document.close()<br> i_imej <br> if (i_image >= imageurl.length) {i_image=0} <br> var timer=setTimeout("showimage()",2000)<br> } <br> }<br> function hideimage() { <br> jika (i_strngth >=-10) {<br> testimage.innerHTML="<img style='filter:alpha(opacity=" i_strngth ")' src=" imageurl[i_image] " border=0>";<br> i_strngth=i_strngth-10<br> var timer=setTimeout("hideimage()",100)<br> } <br> lain {<br> clearTimeout(pemasa)<br> i_imej <br> if (i_image >= imageurl.length) {i_image=0}<br> i_strngth=1<br> var timer=setTimeout("showimage()",500) <br> }<br> }<br> //--><br> </skrip><br> </head><br> <badan><br> <!--2 Ubah suai pernyataan <body> <body onLoad="showimage()"><p> </p><!--3 Tambahkan kod berikut pada HEML antara <body></body>: atas:120px;kiri:240px untuk menetapkan kedudukan paparan--><p> </p><div id="testimage" style="position:absolute;visibility:visible;top:120px;left:240px"></div><p> </body><br> </html><br></p> </div> Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. <p></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
