js实现简单的图片轮播
生活随笔
收集整理的這篇文章主要介紹了
js实现简单的图片轮播
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
js代碼如下
1 <script type="text/javascript"> 2 var n=1; 3 var map=new Array(); 4 map[0]=new Image(); 5 map[1]=new Image(); 6 map[2]=new Image(); 7 map[3]=new Image(); 8 map[4]=new Image(); 9 map[5]=new Image(); 10 map[0].src="images/0.jpg"; 11 map[1].src="images/1.jpg"; 12 map[2].src="images/2.jpg"; 13 map[3].src="images/3.jpg"; 14 map[4].src="images/4.jpg"; 15 map[5].src="images/5.jpg"; 16 function disp() 17 { 18 document.getElementById("img1").src=map[n].src; 19 n=n+1; 20 if (n>5) 21 n=0; 22 window.setTimeout("disp();",2000); 23 } 24 window.setTimeout("disp();",2000); 25 </script>自己替換掉圖片地址和名稱，以及切換時間。2000表示2秒 。
?
然后在<body>和</body>中間加上下面一段代碼。
1 <div id="content1"> 2 <img id="img1" src="images/0.jpg" width="100%" height="300px"> 3 </div>?
轉載于:https://www.cnblogs.com/lqss/p/5857042.html
總結
以上是生活随笔為你收集整理的js实现简单的图片轮播的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JSP中base href=%=base
- 下一篇： 批处理-文件比较生成