html表格数据滚动标签marquee

 <div class="container">         <h1 class="page-header">滚动列表</h1>         <table class="table table-bordered table-striped table-condensed "  style="margin-bottom: 0px;width:500px">             <thead>             <th>name</th>             <th>sex</th>             <th>age</th>             <th>phone</th>             </thead>         </table>         <!--         marguee总结          direction="up"  滚动方向 up是向上，down是向下           onmouseout="this.start()"   鼠标移出开始滚动             onmouseover="this.stop()"鼠标移进滚动停止             bgcolor  滚动的背景颜色             align：标签内容的对齐方式             absbottom：绝对底部对齐             absmiddle：绝对中央对齐             baseline：底线对齐             bottom：底线对齐             bottom：底部对齐（默认）             left：左对齐             middle：中间对齐             right:右对齐             top：顶部对齐             texttop：顶线对齐             scrollamount：调节滚动速度             left_shortcut_menu.js         -->         <marquee direction="up" scrollamount="10" bgcolor="#fcf8e3" onmouseout="this.start()"                  onmouseover="this.stop()" width="500px" >              <table class="table table-bordered table-striped table-condensed " style="width:500px">                 <tr>                     <td width="137px">linda</td>                     <td width="100px">woman</td>                     <td  width="100px">18</td>                     <td>181234367768</td>                 </tr>                 <tr>                     <td>judy</td>                     <td>woman</td>                     <td>18</td>                     <td>181234367768</td>                 </tr>                 <tr>                     <td>davi</td>                     <td>man</td>                     <td>18</td>                     <td>181234367768</td>                 </tr>              </table>         </marquee>     </div>

效果图如下    （中间用到了bootstramp的一些样式，如果没有运用bootstramp 可以把样式去掉，单独测试marquee）