首页 > 其他 > 详细

轮播图

时间:2016-07-12 21:19:22      阅读:229      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!