首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js 简略图片切换

2012-11-23 
js 简单图片切换? div idpicimg srchttp://dl.iteye.com/upload/picture/pic/109739/28faf72f-a86

js 简单图片切换

?

 <div id="pic">    <img src="http://dl.iteye.com/upload/picture/pic/109739/28faf72f-a866-3151-8b51-3d3f4cc6a095.png"/>    <img src="http://dl.iteye.com/upload/picture/pic/109751/c027ba99-2889-3365-8dd1-47f65991b47d.png" style="display:none"/>    <img src="http://dl.iteye.com/upload/picture/pic/109749/abfeb883-1caf-3c00-96e7-6594930c0ae5.png" style="display:none"/>    <img src="http://dl.iteye.com/upload/picture/pic/109753/77a99704-9402-3f97-b0f1-d0cae74d8772.png" style="display:none"/>    <script type="text/javascript">    setInterval(function(){ var l = document.getElementById('pic').getElementsByTagName('img'); for(i=0; i<l.length; i++) { if(l[i].style.display=='none') continue; l[i].style.display = 'none'; l[(i+1)%l.length].style.display = 'inline'; break; } }, 2000);   </script> </div>

?定时切换显示div(#pic)内的图片。

?

热点排行