jQuery实现消息列表循环垂直向上滚动

一、HTML代码

                         
"express">
                            
・2010考研英语大纲到货75折...
                            
・权威定本四大名著（人民文...
                            
・口述历史权威唐德刚先生国...
                            
・袁伟民与体坛风云：实话实...
                            
・我们台湾这些年：轰动两岸...
                            
・畅销教辅推荐：精品套书50...
                            
・2010版法律硕士联考大纲75...
                            
・计算机新书畅销书75折抢购
                            
・2009年孩子最喜欢的书>>
                            
・弗洛伊德作品精选集59折
                            
・2010考研英语大纲到货75折...
                            
・权威定本四大名著（人民文...
                            
・口述历史权威唐德刚先生国...
                            
・袁伟民与体坛风云：实话实...
                            
・我们台湾这些年：轰动两岸...
                            
・畅销教辅推荐：精品套书50...
                            
・2010版法律硕士联考大纲75...
                            
・计算机新书畅销书75折抢购
                            
・2009年孩子最喜欢的书>>
                            
・弗洛伊德作品精选集59折
                            
・2010考研英语大纲到货75折...
                            
・权威定本四大名著（人民文...
                            
・口述历史权威唐德刚先生国...
                            
・袁伟民与体坛风云：实话实...
                            
・我们台湾这些年：轰动两岸...
                            
・畅销教辅推荐：精品套书50...
                            
・2010版法律硕士联考大纲75...
                            
・计算机新书畅销书75折抢购
                            
・2009年孩子最喜欢的书>>
                            
・弗洛伊德作品精选集59折
                            
・2010考研英语大纲到货75折...
                            
・权威定本四大名著（人民文...
                            
・口述历史权威唐德刚先生国...
                            
・袁伟民与体坛风云：实话实...
                            
・我们台湾这些年：轰动两岸...
                            
・畅销教辅推荐：精品套书50...
                            
・2010版法律硕士联考大纲75...
                            
・计算机新书畅销书75折抢购
                            
・2009年孩子最喜欢的书>>
                            
・弗洛伊德作品精选集59折
                        
 

二、jQuery代码

$(document).ready(function() {
//书讯快递循环垂直向上滚动
function movedome(){
var margintop=0;//上边距的偏移量
var stop=false;
setInterval(function(){
if(stop==true){
return;
}
$("#express").children("li").first().animate({"margin-top":margintop--},0,function(){
var $li=$(this);
if(!$li.is(":animated")){//第一个li的动画结束时
if(-margintop>$li.height()){
$li.css("margin-top","0px").appendTo($("#express"));
margintop=0;
}
}
});
},50);
//鼠标放到快递信息(ul)上时
$("#express").hover(function(){
$(this).css("cursor","pointer");
stop=true;//停止动画
},function(){
stop=false;//开始动画
});
}
movedome();
});