用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - css代码库

jquery连续的无缝滚动

2013-06-27 作者: 云代码会员举报

[css]代码库

<script type="text/javascript">

        //滚动:

            var liw = $(".images_list li").outerWidth() + 42;

            var mr = 0;

            //$(".images_list li").clone().appendTo($(".images_list ul"));

            $(".images_list ul").append($(".images_list ul").html());

        function gd() {

            

            mr++;

           

           

            if (mr > liw) {

                mr = 0;

                $(".images_list li").first().appendTo($(".images_list ul"));

            }

             $(".images_list ul").css("margin-left", -mr);

        }

        t = setInterval(function () { gd()}, 20);

        $(".images_list li").hover(function () {

            clearInterval(t);

        }, function () {

            t=setInterval(function () { gd() }, 20);

        })




    </script>

1.li必须要给宽度;
2.ul必须要给宽度。 


网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。


扫码下载

加载中,请稍后...

输入口令后可复制整站源码

加载中,请稍后...