$(function() { loadNewsPage() }); function loadNewsPage() { var isRoll = true; $("#news_list").mouseover(function() { isRoll = false }).mouseout(function() { isRoll = true }); var $list = $("#news_list"); var step = $list.find("li").css("line-height").replace("px", ""); var line = 1; var count = Math.ceil(($list.find("li").length + 1 / 2)); var fn = function() { $(this).addClass("currentLI").siblings("li").removeClass(); }; $list.append($list.html()); $list.find("li:eq(0)").addClass("currentLI"); $list.find("li").mouseover(fn); window.setInterval(function() { if (isRoll) { $list.animate( { top : '-=' + step }, 1000, function() { if (line >= count) { $list.css("top", 0); line = 1; $list.find("li:eq(0)").addClass("currentLI").siblings("li").removeClass(); } }); $("#news_list li:eq(" + (line-1) + ")").siblings("li").show(); $("#news_list li:eq(" + (line-1) + ")").next("li").addClass("currentLI").siblings("li").removeClass(); line++; //$("#news_list li:eq(" + (line-1) + ")").hide().siblings("li").show(); //$("#news_list li:eq(" + (line-1) + ")").next("li").addClass("currentLI").siblings("li").removeClass(); } }, 3000) }
jquery图片上下滚动暂停几秒,这个思路比较清晰
精选 转载![](https://ucenter.51cto.com/images/noavatar_middle.gif)
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章