码迷,mamicode.com
首页 > 其他好文 > 详细

轮播图

时间:2016-07-12 21:20:02      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:

数组循环切换 例如: "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" />

 

轮播图

标签:

原文地址:http://www.cnblogs.com/SanMuDeYouChou/p/5664739.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!