$(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>