html表格数据滚动标签marquee
marquee marquee
<div class="container">
<h1 class="page-header">滚动列表</h1>
<table class="table table-bordered table-striped table-condensed "  >
<thead>
<th>name</th>
<th>sex</th>
<th>age</th>
<th>phone</th>
</thead>
</table>
<!--
marguee总结
direction="up"  滚动⽅向 up是向上，down是向下
οnmοuseοut="this.start()"  ⿏标移出开始滚动
οnmοuseοver="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" οnmοuseοut="this.start()"
οnmοuseοver="this.stop()" width="500px" >
<table class="table table-bordered table-striped table-condensed " >
<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）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。