返回文章列表
128 字 · 1 分钟

无缝滚动

· 编辑文章

因朋友需要,写的一个滚动,挺简单的,就几行代码

  function fun_scroll() {
        scroll = setInterval(function () {
            var $ul = $('#data_list ul');
            var $li = $ul.find("li");
            $ul.animate({
                marginTop: "-122px"
            }, 500, function () {
                $li.last().after($li.eq(0).clone());
                $li.eq(0).remove();
                $ul.css({marginTop: "0px"})
            });
        }, 2000)
    }
    fun_scroll()
    $('#data_list').mouseenter(function () {
        clearInterval(scroll);
    }).mouseleave(function () {
        fun_scroll()
    })

演示地址 http://raclen.win/dome/test-42.html PS:还记得注册github时候是为了学习git命令,我怕把公司仓库玩坏了。github不光给我们提供代码储存,还提供了一个无限制的静态服务器,是每个前端都应该用的

评论

无需注册,填写昵称即可评论 阅读 — 次