本文實例講述了javascript實現圖片循環漸顯播放的方法。分享給大家供大家參考。具體實作方法如下： 複製程式碼 程式碼如下: 圖片的循環漸顯播放效果碼 <br /> <!--//<br /> sandra0 = new Image();<br /> sandra0.src = "/images/m01.jpg";<br /> sandra1 = new Image();<br /> sandra1.src = "/images/m02.jpg";<br /> sandra2 = new Image();<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 /> if(document.all) {<br /> if (i_strngth <=110) {<br /> testimage.innerHTML="<img style="max-width:90%" i_strngth ")' src=" imageurl[i_image] " border=0 alt="javascript實作圖片循環漸顯播放的方法_javascript技巧" >";<br /> i_strngth=i_strngth 10<br /> var timer=setTimeout("showimage()",100)<br /> }<br /> else {<br /> clearTimeout(timer)<br /> var timer=setTimeout("hideimage()",1000)<br /> }<br /> }<br /> if(document.layers) {<br /> clearTimeout(timer)<br /> document.testimage.document.write("<img src=" imageurl[i_image] " border=0 alt="javascript實作圖片循環漸顯播放的方法_javascript技巧" >")<br /> document.close()<br /> i_image <br /> if (i_image >= imageurl.length) {i_image=0} <br /> var timer=setTimeout("showimage()",2000)<br /> } <br /> }<br /> function hideimage() { <br /> if (i_strngth >=-10) {<br /> testimage.innerHTML="<img style="max-width:90%" i_strngth ")' src=" imageurl[i_image] " border=0 alt="javascript實作圖片循環漸顯播放的方法_javascript技巧" >";<br /> i_strngth=i_strngth-10<br /> var timer=setTimeout("hideimage()",100)<br /> } <br /> else {<br /> clearTimeout(timer)<br /> i_image <br /> if (i_image >= imageurl.length) {i_image=0}<br /> i_strngth=1<br /> var timer=setTimeout("showimage()",500) <br /> }<br /> }<br /> //--><br /> 希望本文所述對大家的javascript程式設計有所幫助。
