本文實例講述了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程式設計有所幫助。
