跳到正文
当下的七炎
返回

无缝滚动

编辑文章

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

  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不光给我们提供代码储存,还提供了一个无限制的静态服务器,是每个前端都应该用的


编辑文章
分享这篇文章:

评论

使用 GitHub 账号登录后即可评论


上一篇
我认为使用原生JavaScript不适合开发
下一篇
DOM操作——怎样添加、移除、移动、复制、创建和查找节点