非常简单的js切换效果（具有举一反三效果）

今天无意中在网上发现的，代码非常的简单，一看就明白的js图片切换效果代码，喜欢简洁的朋友可以参考一下。

html:

<img src="a1.jpg" width="478" height="286" id="showpic" />

图片可以自己设置的，下面我们来看下切换脚本，利用数组把图片装起来。

<script type="text/javascript">
window.onload = function(){    
    var curIndex = 0;
    var timerInterval = 2000; //时间间隔  单位毫秒
    var arr = new Array();
    arr[0] = "a1.jpg";
    arr[1] = "a2.jpg";
    arr[2] = "a3.jpg";
    arr[3] = "a4.jpg";
    arr[4] = "a5.jpg";
    arr[5] = "a6.jpg";
    arr[6] = "a6.jpg";
    setInterval(changeImg,timerInterval);
    function changeImg(){
        var obj = document.getElementById('showpic');
        if(curIndex == arr.length - 1){
            curIndex = 0;
        }else{
            curIndex += 1;
        }
        obj.src = arr[curIndex];
    }
}
</script>    

这段代码，简单但很巧妙。

经过测试，完全可以实现自动切换。