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

源码网商城

最简单的js图片切换效果实现代码

  • 时间:2021-10-20 19:10 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:最简单的js图片切换效果实现代码
无意中在网上发现的,代码非常的简单,一看就明白!
[u]复制代码[/u] 代码如下:
<script language =javascript > var curIndex=0; //时间间隔 单位毫秒 var timeInterval=5000; var arr=new Array(); arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr[5]="6.jpg"; arr[6]="7.jpg"; setInterval(changeImg,timeInterval); function changeImg() { var obj=document.getElementById("showpic"); if (curIndex==arr.length-1) { curIndex=0; } else { curIndex+=1; } obj.src="image/"+arr[curIndex]; } </script> <img src="image/1.jpg" width="427" height="219" id="showpic" />
好了以上就是全部的代码
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部