如何实现这个滚动效果

Question

什么意思？是向下滚动吗？
把 direction="up" 改成  direction="down"就行了，同理还可以改成left  right

Answer 1

<div id="dataTableLayer" style="height:400px"> 
  <marquee id="aaa" direction="up" onMouseOver="thisStop()" onMouseOut="thisStart()" scrollAmount="5" scrollDelay="200">     
                <table trDblClick="valid">
                  <tr style="background:#00ff00"> 
                    <td style="display:none">714</td>
                    <td width="80">京A1255警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30">出 车</td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">564</td>
                    <td width="80">京A1148警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">710</td>
                    <td width="80">京A1252警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">710</td>
                    <td width="80">京A1252警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
   <tr style="background:#00ff00"> 
                    <td style="display:none">714</td>
                    <td width="80">京A1255警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30">出 车</td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">564</td>
                    <td width="80">京A1148警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">710</td>
                    <td width="80">京A1252警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
   <tr style="background:#00ff00"> 
                    <td style="display:none">714</td>
                    <td width="80">京A1255警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30">出 车</td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">564</td>
                    <td width="80">京A1148警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">710</td>
                    <td width="80">京A1252警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
   <tr style="background:#00ff00"> 
                    <td style="display:none">714</td>
                    <td width="80">京A1255警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30">出 车</td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">564</td>
                    <td width="80">京A1148警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">710</td>
                    <td width="80">京A1252警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
   <tr style="background:#00ff00"> 
                    <td style="display:none">714</td>
                    <td width="80">京A1255警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30">出 车</td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">564</td>
                    <td width="80">京A1148警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                  <tr style="background:#ff0000"> 
                    <td style="display:none">710</td>
                    <td width="80">京A1252警</td>
                    <td width="45">a1</td>
                    <td width="75"></td>
                    <td width="160"></td>
                    <td width="45"></td>
                    <td width="200"></td>
                    <td width="30"></td>
                  </tr>
                </table></marquee>
              </div>
</body>
<script>
aaa.stop()
var canMove=1,movePos
function moveing(){
if (canMove==1){
movePos=aaa.scrollTop
aaa.scrollTop=parseInt(aaa.scrollTop)+parseInt(aaa.scrollAmount)
if (movePos==aaa.scrollTop) setTop()
}
setTimeout("moveing()",parseInt(aaa.scrollDelay))
}
function thisStop(){
canMove=0
}
function thisStart(){
canMove=1
}
function setTop(){
aaa.scrollTop=parseInt(dataTableLayer.style.height)
}
setTop()
setTimeout("moveing()",100)
</script>

Answer 2

marquee本身好像限制很多，除了需要定制和其本身意图不太相符的代码（如鸭子所写），好像还不能在其中有滚动条，限制了显示宽度，我现在用<div> move来达到相同效果