本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下:
 代码如下:
 script>
无标题文档
$(function(){
 var scrtime;
 $("#con").hover(function(){
 clearInterval(scrtime);
 },function(){
 scrtime = setInterval(function(){
 var $ul = $("#con ul");
 var liHeight = $ul.find("li:last").height();
 $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){
 $ul.find("li:last").prependTo($ul)
 $ul.find("li:first").hide();
 $ul.css({marginTop:0});
 $ul.find("li:first").fadeIn(1000);
 }); 
 },3000);
 }).trigger("mouseleave");
});
 script>
 
 
 
 人生若只如初见
 
  
 何事秋风悲画扇
 
  
 等闲变却故人心
 
  
 却道故人心易变
 
 
希望本文所述对大家的jQuery程序设计有所帮助。