最简单的js图片切换效果实现代码
2011-09-24 00:00
1311 查看
无意中在网上发现的,代码非常的简单,一看就明白!
好了以上就是全部的代码
<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" />
好了以上就是全部的代码
相关文章推荐
- 最简单的js图片切换效果实现代码
- js+div实现文字滚动和图片切换效果代码
- JS实现的文字与图片定时切换效果代码
- 基于JS实现简单的样式切换效果代码
- js鼠标点击图片切换效果实现代码
- 纯js实现背景图片切换效果代码
- JS实现的文字与图片定时切换效果代码
- 纯js实现背景图片切换效果代码
- 图片切换效果Xhtml简单实现,一句代码搞定!
- js最简单的图片切换效果实现
- 利用jquery的attr方法一行代码实现的简单的图片切换效果
- JavaScript实现图片的滑动切换效果 的Js代码
- JS图片放大效果简单实现代码
- 基于JS实现简单的样式切换效果代码
- js简单实现图片切换效果
- 简单的实现点击箭头图片切换的js代码
- js+div实现文字滚动和图片切换效果代码
- 简单的实现点击箭头图片切换的js代码
- js鼠标点击图片切换效果实现代码
- jquery简单图片切换显示效果实现方法