作家
登录

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

作者: 来源:www.28hudong.com 2013-03-30 00:43:40 阅读 我要评论

无意中在网上发现的,代码非常的简单,一看就明白! 复制代码 代码如下: <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" /> 好了以上就是全部的代码

  推荐阅读

  javascript代码编写需要注意的7个小细节小结

1. 简化代码 JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的: 复制代码 代码如下: <SPAN style="FONT-FAMILY: verdana, geneva">var car = new Object(); car.colour = 'red'; car.whe>>>详细阅读


本文标题:最简单的js图片切换效果实现代码

地址:http://www.17bianji.com/kaifa2/JS/24141.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)