需要在页面中一个小的区域循环滚动展示新闻(公告、活动、图片等等),并且,鼠标悬停时停止滚动并提示,离开后,继续滚动。
效果图:
上干货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); }) } })