ui,li {
list-style: none;
}
#news{
height: 175px;
overflow: hidden;
}
<div id="news">
<ul>
<li>
白天极限挑战
</li>
<li>
晚上挑战极限
</li>
<li>
我就是肾虚公子罗志祥
</li>
</ul>
</div>
$(function() {
var $this = $("#news");
var scrollTimer;
$this.hover(function() {
clearInterval(scrollTimer);
}, function() {
scrollTimer = setInterval(function() {
scrollNews($this);
}, 2000);
}).trigger("mouseleave");
function scrollNews(obj) {
var $self = obj.find("ul");
var lineHeight = $self.find("li:first").height();
$self.animate({
"marginTop": -lineHeight + "px"
}, 600, function() {
$self.css({
marginTop: 0
}).find("li:first").appendTo($self);
})
}
})
jq设置ul自动滚动
最新推荐文章于 2024-07-26 03:34:02 发布