怎样让一个Table下的所有<tr>组滚动显示

JavaScript027

怎样让一个Table下的所有<tr>组滚动显示,第1张

给你一段js代码：

<script>

        //从下往上滚

        function scroll1(){

            var table = document.getElementById("table1").getElementsByTagName("tbody")[0]//$("#table1 > tbody").get(0)

            var row = table.firstChild

            table.removeChild(row)    

            table.appendChild(row)    //可以通过ajax去取后面的数据

        }    

        //从上往下滚

        function scroll2(){

            var table = document.getElementById("table1").getElementsByTagName("tbody")[0]

            var row = table.lastChild

            table.removeChild(row)    

            table.insertBefore(row,table.firstChild)

        }            

</script>

 

<table class="class1" id="table1" onmouseover="this.int=window.setInterval('scroll2()',1000)" onmouseout="window.clearInterval(this.int)">

  <tr><td>aaa</td><td>aaa</td></tr>

 <tr><td>bbb</td><td>bbb</td></tr>

 <tr><td>ccc</td><td>ccc</td></tr>

 <tr><td>xxx</td><td>xxx</td></tr>

 <tr><td>yyy</td><td>yyy</td></tr>

 <tr><td>zzz</td><td>zzz</td></tr>

</table>

你想让哪部分数据滚动 就把marquee的标签加在哪个数据的外面，以下是代码示例（第一列滚动，第二列不滚动）：

<body>

<table>

<tr>

<td><marquee direction="left" behavior="scroll">ddddddddd</marquee></td>

<td>3333333</td>

</tr>

</table>

</body>

也可以通过加js实现（另一种方法）。