html--表格滚动

有时候，表格内容很多，我需要让他的内容滚动显示，代码如下：

html：

<div class="broad-div">
<span class="title-span">最新投资</span><hr>
<div id="touzi-div">
            <table style="margin-top:0px;">
            <tbody>
<tr>
<td  width="180px">12:33</td>
            <td  width="100px">穆**</td>
            <td>￥5000.00</td>
    </tr>
                    <tr>
            <td  width="180px">12:34</td>
    <td  width="100px">果**</td>
            <td>￥5000.00</td>
            </tr>
                   <tr>
            <td  width="180px">12:47</td>
    <td  width="100px">马**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">12:47</td>
    <td  width="100px">白**</td>
            <td>￥10000.00</td>
        </tr>
                <tr>
      <td  width="180px">12:52</td>
            <td  width="100px">龙**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
<td  width="180px">13:01</td>
            <td  width="100px">曾**</td>
            <td>￥25000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:07</td>
            <td  width="100px">王**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:08</td>
            <td  width="100px">谭**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:11</td>
            <td  width="100px">小**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:29</td>
            <td  width="100px">薛**</td>
            <td>￥10000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:30</td>
            <td  width="100px">杨**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:31</td>
            <td  width="100px">刘**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:48</td>
            <td  width="100px">陈**</td>
            <td>￥10000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:48</td>
            <td  width="100px">朱**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:51</td>
            <td  width="100px">李**</td>
            <td>￥50000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:54</td>
            <td  width="100px">黄**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:56</td>
            <td  width="100px">ygm**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">13:58</td>
            <td  width="100px">小**</td>
            <td>￥5000.00</td>
        </tr>
                <tr>
            <td  width="180px">14:00</td>
            <td  width="100px">小**</td>
            <td>￥10000.00</td>
        </tr>
                <tr>
            <td  width="180px">14:07</td>
            <td  width="100px">钟**</td>
            <td>￥10000.00</td>
        </tr>
                </tbody>
</table>
           </div>
</div>

javascript代码：

<script type="text/javascript">
(function() {
// 最新投资滚动
var num = 0;
   var $table = $("#touzi-div table"); //把touzi-div下的table  赋值给var table
   var len = $table.find("tr").length; //当前table的行数是len
var scroll_total = Math.ceil(len/5); //因为每次显示5行内容，所以把行数除以6  ，即是显示几页
if(scroll_total>1){ //如果页面数大于1
   setInterval(function(){
    num++; //从1开始计数
    var mtop = -num*190; //mtop是显示的margin参数，其实是5*38px=190px，5行，每行38px，等于每个页面都是190p，然后循环每次挪190的倍数
    if(num == scroll_total){ //显示到最后一页的时候，就直接设置margin为0，即从头显示了，然后把计数清零，又从头循环显示
$table.animate({marginTop:'0px'},500);
    num = 0;
    return false;
    }
    $("#touzi-div table").animate({marginTop:mtop+'px'},1000);
},5000);
}
  })();  
</script>