Contoh dalam artikel ini menerangkan cara jQuery mensimulasikan kesan tatal halaman utama Sina Weibo. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: Salin kod Kod adalah seperti berikut: Dokumen Tanpa Tajuk <br> $(fungsi(){<br> var scrtime;<br> $("#con").hover(function(){<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> }); },3000);<br> }).trigger("mousleave");<br> });<br> </skrip><br> <style type="text/css"><br> <!--<br /> *{ margin:0; pelapik:0;}<br /> ul,li{ list-style-type:none;}<br /> body{ font-size:13px; background-color:#999999;}<br /> #con{ lebar: 700px; tinggi: 400px; limpahan:tersembunyi;}<br /> #con ul{ position:absolute; atas:0; #con ul li{ width:100%; border-bottom:1px #333333 padding:20px 0; #con ul li a{ float:left; border:1px #333333 padding:2px;}<br /> #con ul li p{ margin-left:68px;line-height:1.5; padding:10px;}<br /> --><br> </style><br> <badan><br> <div id="con"><br> <ul><br> <li> <a href="#"><img src="img/1.jpg" /></a><br> <p class="vright">Jika hidup ini seperti kali pertama kita bertemu</p><br> </li><br> <li> <a href="#"><img src="img/2.jpg" /></a><br> </li><br> <li> <a href="#"><img src="img/3.jpg" /></a><br> </li><br> <li> <a href="#"><img src="img/4.jpg" /></a><br> </li><br> </ul><br> </div><br> </body><br> </html><br><br> <br>Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang. <br> </div>