读书人

jquery快讯的动态滚动

发布时间: 2013-04-09 16:45:09 作者: rapoo

jquery新闻的动态滚动

//实现新闻动态的滚动


$(function(){

var $this=$(".scrollNews");
var scoler='';
$(".scrollNews").hover(function(){
//清除定时器
clearInterval(scoler);
},function(){
//设置定时器
scoler=setInterval(function(){
scrollNews($this);
},3000);

}).trigger("mouseleave");
})
function scrollNews(obj){
var $ul=obj.find("ul");
var lineHeight=obj.find("li:first").height();
$ul.animate({"marginTop":-lineHeight+"px"},800,function(){
$ul.css("marginTop",0).find("li:first").appendTo($ul);
})

}

思想:就是把第一个的height放到最后实现动态的滚动

jquery快讯的动态滚动

读书人网 >编程

热点推荐