源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

简单的js图片轮换代码(js图片轮播)

  • 时间:2022-03-17 20:25 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:简单的js图片轮换代码(js图片轮播)
[u]复制代码[/u] 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>images</title>  <script type="text/javascript">   var curIndex = 0;   var timeInterval = 1000;   var arr = new Array();   arr[0] = "1 (1).jpg";   arr[1] = "1 (2).jpg";   arr[2] = "1 (3).jpg";   arr[3] = "1 (4).jpg";   arr[4] = "1 (5).jpg";   arr[5] = "1 (6).jpg";   arr[6] = "1 (7).jpg";   arr[7] = "1 (8).jpg";   setInterval(changeImg,timeInterval);   function changeImg() {    var obj = document.getElementById("obj");    if (curIndex == arr.length-1) {     curIndex = 0;    } else {     curIndex += 1;      }    obj.src = arr[curIndex];   }  </script>  <script language="javascript">   setInterval(test,1000);   var array = new Array();   var index = 0;   var array = new Array("1 (1).jpg","1 (2).jpg","1 (3).jpg","1 (4).jpg","1 (5).jpg","1 (6).jpg","1 (7).jpg","1 (8).jpg");   function test() {    var myimg=document.getElementById("imgs");    if(index==array.length-1)    { index=0; }else{ index++; }    myimg.src=array[index];   }  </script>  </head>  <body>   <img id = "obj" src="1 (1).jpg" border = 0 />  </body> <body> </body> </html>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部