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>