Based on jquery The text runs up like a horse-lamp effect _jquery

Want to achieve a similar effect of a horse lamp, found that the lantern has a space. The effect is also not beautiful, so with JQuery wrote a

Page code

 <div class= "Recordlist" > <ul class= "tpl-rotate-recordlist" style= "margin-top:0px"; > <li class= "Tpl-rotate-recordlist-item" > Congratulations 187****5204 get 1000RBM </li> <li class= " 
Tpl-rotate-recordlist-item "> Congratulations 137****1372 get 1000RBM </li> <li class=" Tpl-rotate-recordlist-item "> 
Congratulations 156****0276 get 1000RBM </li> <li class= "Tpl-rotate-recordlist-item" > Congratulations 139****9856 get 1000RBM </li> <li class= "Tpl-rotate-recordlist-item" > Congratulations 136****0580 get 1000RBM </li> <li class= " 
Tpl-rotate-recordlist-item "> Congratulations 136****0580 get 1000RBM </li> <li class=" Tpl-rotate-recordlist-item "> 
Congratulations 138****8118 get 1000RBM </li> <li class= "Tpl-rotate-recordlist-item" > Congratulations 136****5555 get 1000RBM </li> <li class= "Tpl-rotate-recordlist-item" > Congratulations 136****0580 get 1000RBM </li> <li class= " Tpl-rotate-recordlist-item "> Congratulations 136****0580 get 1000RBM </li> </ul> </div> 

JS Code

/* Automatic rotation xuyw*/ 
var autoscroll = function (a) { 
$ (a). Find ("Ul:first"). Animate ({ 
margintop: " -20px" 
}, function () { 
$ (this). css ({ 
margintop: "0px" 
}). Find ("Li:first"). Appendto (This) 
}) 
} 
if ($ (". Recordlist ul li"). Length > 0) { 
setinterval (' AutoScroll ('. Recordlist ') ', Watts) 
} else { 
$ (". Recordlist"). Hide () 
}