轮播图

数组循环切换 例如: "1,2,3,4" => "2,3,4,1"

<script>
    //加载事件
    window.onload = function () {
        //获取div里面的值
        var odiv = document.getElementById('div1');
        //but点击事件
        input1.onclick = function () {
            //数组分割
            var arr = odiv.innerHTML.split(',');
            //添加第一个元素
            arr.push(arr[0]);
            //删除第一个元素
            arr.shift(arr[0]);
            //重赋值到div
            odiv.innerHTML = arr;
        }
    }
</script>

<div id="div1">
    1,2,3,4,5
</div>
<input type="button" value="切换" id="input1" />

 

posted @ 2016-07-12 20:15  三木的忧伤  阅读(120)  评论(0)    收藏  举报