手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >最简单的js图片切换效果实现代码
最简单的js图片切换效果实现代码
摘要:无意中在网上发现的,代码非常的简单,一看就明白!复制代码代码如下:varcurIndex=0;//时间间隔单位毫秒vartimeInterv...

无意中在网上发现的,代码非常的简单,一看就明白!

复制代码 代码如下:

<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图片切换效果实现代码】相关文章:

打印/预览/设置的客户端代码

Javascript进制转换实例

js实现精美的图片跟随鼠标效果实例

一些有关检查数据的JS代码

jQuery插件zepto.js简单实现tab切换

一个很简单的办法实现TD的加亮效果.

js实现异步循环实现代码

总结一些js自定义的函数

JQuery分屏指示器图片轮换效果实例

jQuery实现的多屏图像图层切换效果实例

精品推荐
分类导航