心情碎语:暂无碎语

您的位置:慕轲博客 >特效代码> 最简单的js图片切换效果实现代码

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

最简单的js图片切换效果实现代码代码非常的简单奥,一看就明白! 

<script language =javascript > 
var curIndex=0; 
var timeInterval=5000; //时间间隔 单位毫秒 
var arr=new Array("1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","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]; //注意image是文件夹奥
} 
</script> 
<img src="image/1.jpg" width="427" height="219" id="showpic" />  
//注意image是文件夹奥,需要创建的,图片放在里边,对应上边的个数和名称


---

转载请注明本文标题和链接:《最简单的js图片切换效果实现代码