本文实例讲述了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程序设计有所帮助。