jQuery实现列表自动循环滚动鼠标悬停时停止滚动

需要在页面中一个小的区域循环滚动展示新闻（公告、活动、图片等等),并且，鼠标悬停时停止滚动并提示，离开后，继续滚动。效果图

上干货html:复制代码代码如下： div id=' news ' ul lia href=' # ' title=' aaaaaaaaaaaaaaaaaaaaaaaaaaaa a/Li lia href=' # ' title=' bbbbbbbbbbbbbbbbbbbbb ' bbbbbbbbb/a/Li lia href=' # ' cccccccccccccccccccccccccccccc/a/Li lia href=' # ' title=' dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd复制代码代码如下： ui，李{列表式：无；} #新闻{ height: 75px飞越：隐藏；} 关键是射流研究…文件：复制代码代码如下： $(function(){ var $ this=$(' # news ')；var scrollTimer$ this。hover(function(){ clearInterval(roll TiMer))；}，function(){ scrollTimer=setInterval(function(){ scrollNews($ this)；}, 2000);}).触发器(“鼠标离开”)；函数scrolnews(obj){ var $ self=obj。find(' ul ')；var行高=$ self。查找('李：第一').高度();$赛尔夫。animate({ ' margin top ' :-行高' px ' }，600，function(){ $ self。CSS({页边距前： ^ 0 }).查找(' li:first ').appendo($ self)；}) } }) 主要就是对悬停、设置间隔、清除间隔、动画这些方法以及marginTop属性（左边距、顶部、左侧等等)的理解和运用，需要注意的是，如果不加。触发器(“mouseleave”)，在网页初始化的时候列表不会滚动，还有附录能直接移动元素，就这些了。