做数据条，文字逐行向上滚动

前端开发过程中，会遇到数据滚动的情况，那么，怎么实现的呢，如图

实现代码

<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);
})