Pc端总结

白色背景：收藏了图片

走马灯效果

$(function () {

    var SPEED = 3000;

    var num = $(".noticeLeftUl").children().length;

    var temp = 0;

    function Marquee() {

        temp = temp - 100;

        // 设置无限滚动

        if (temp == -((num) * 100)) {

            temp = 0;

            $(".noticeLeftUl").animate({ bottom: temp + '%' }, 1000);

            $(".noticeLeftUl").css('top', temp + '%');

        }

        else {

            $(".noticeLeftUl").animate({ top: temp + '%' }, 1000);

        }

    };

    // 初始化

    var MyMar = setInterval(Marquee, SPEED);

    // 鼠标事件，悬浮停止滚动，移开启动滚动

    $(".noticeLeftUl").hover(function () { clearInterval(MyMar) },

        function () { MyMar = setInterval(Marquee, SPEED) })

})