无缝滚动

来源：互联网发布：dji osmo 软件编辑：程序博客网时间：2024/04/27 15:30

$(function () {            var $this = $(".notice");            var scrollTimer;            $this.hover(function () {                clearInterval(scrollTimer);            }, function () {                scrollTimer = setInterval(function () {                   scrollNews($this);                }, 2000);            }).trigger("mouseout");        });        function scrollNews(obj) {            var $self = obj.find("ul:first");            var lineHeight = $self.find("li:first").height();            $self.animate({ "margin-top": -lineHeight + "px" }, 600, function () {                $self.css({ "margin-top": "0px" }).find("li:first").appendTo($self);            })        }

<div class="notice">                    <h3> 园区公告:</h3>                    <ul>                        <li><a href="#">园区润新第三期招标会于3月15号召开</a></li>                        <li><a href="#">园区润新第三期招标会于3月15号召开</a></li>                        <li><a href="#">园区润新第三期招标会于3月15号召开</a></li>                        <li><a href="#">园区润新第三期招标会于3月15号召开</a></li>                        <li><a href="#">园区润新第三期招标会于3月15号召开</a></li>                        <li><a href="#">园区润新第三期招标会于3月15号召开</a></li>                    </ul>                </div>

0 0