前端开发过程中,会遇到数据滚动的情况,那么,怎么实现的呢,如图
实现代码
<div class="table">
<div class="thead">
<div class="name">姓名</div>
<div class="account">账号</div>
<div class="transaction">交易手数</div>
<div class="noun">名次</div>
</div>
<div class="maquee">
<ul class="tbody">
<li class="body_line">
<div class="name">张送人</div>
<div class="account">12345678</div>
<div class="transaction">897.00</div>
<div class="noun">1</div>
</li>
</ul>
</div>
</div>
function autoScroll(obj){
$(obj).find("ul").animate({
marginTop : "-53px" //这里的值是每次滑动的距离
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
$(function(){
setInterval('autoScroll(".maquee")',3000);
})