本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下： 复制代码 代码如下: 无标题文档 <br /> $(function(){<br /> var scrtime;<br /> $("#con").hover(function(){<br /> clearInterval(scrtime);<br /> },function(){<br /> scrtime = setInterval(function(){<br /> var $ul = $("#con ul");<br /> var liHeight = $ul.find("li:last").height();<br /> $ul.animate({marginTop : liHeight+40 +"px"},1000,function(){<br /> $ul.find("li:last").prependTo($ul)<br /> $ul.find("li:first").hide();<br /> $ul.css({marginTop:0});<br /> $ul.find("li:first").fadeIn(1000);<br /> }); <br /> },3000);<br /> }).trigger("mouseleave");<br /> });<br /> <br /> <!--<br /> *{ margin:0; padding:0;}<br /> ul,li{ list-style-type:none;}<br /> body{ font-size:13px; background-color:#999999;}<br /> #con{ width:700px; height:400px; margin:10px auto; position:relative; border:1px #666 solid; background-color:#FFFFFF; <br /> overflow:hidden;}<br /> #con ul{ position:absolute; margin:10px; top:0; left:0; padding:0;}<br /> #con ul li{ width:100%; border-bottom:1px #333333 dotted; padding:20px 0; overflow:hidden; }<br /> #con ul li a{ float:left; border:1px #333333 solid; padding:2px;}<br /> #con ul li p{ margin-left:68px;line-height:1.5; padding:10px;}<br /> --><br /> 人生若只如初见 何事秋风悲画扇 等闲变却故人心 却道故人心易变 希望本文所述对大家的jQuery程序设计有所帮助。
