<html>
<head>
<script src="http://apps.bdimg.com/libs/jq...
<style>
.lim_item{width:100%;border-bottom:1px solid blue;}
</gaya>
</kepala>
<badan>
<p class="liMarquee" style="sempadan: 1px merah pepejal;lebar: 95px;tinggi: 200px;limpahan: tersembunyi;">
<p class="lim_item">
<p class="lim_title">我是标题一</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题二</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题三</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题四</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题五</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题六</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题七</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题八</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题九</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题十</p>
</p>
<p class="lim_item">
<p class="lim_title">我是标题十一</p>
</p>
</p>
</badan>
<script type="text/javascript">
var getMarqueeAnimate=function(){
outerTimeId=setInterval(function(){
var $Mcontainer=$('.liMarquee');
$('.progress-ph').css('width','0');
var height=$Mcontainer.find('.lim_item').height();
m1=0;
/*里面的控制*/
innerTimeId=setInterval(function(){
$Mcontainer.scrollTop(++m1);
if(m1===height){
m1=0;
clearInterval(innerTimeId);
innerTimeId=null;
$Mcontainer.find('.lim_item:first').appendTo($Mcontainer);
}
},10);
},7000);
}
getMarqueeAnimate();
</skrip>
</html>
Nanti macam mana? Saya tidak menjadi lebih pantas selepas memerhatikannya selama seminit