需要在頁面中一個小的區域循環滾動展示新聞(公告、活動、圖片等等),并且,鼠標懸停時停止滾動并提示,離開后,繼續滾動。
效果圖:
上干貨
html:
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);
})
}
})
新聞熱點
疑難解答