当前位置：软件学堂 > 资讯首页 > 网络编程 > 编程其他 > table中的文字滚动

table中的文字滚动

2012/10/30 10:20:17作者：佚名来源：网络

移动端

【实例名称】

table中的文字滚动

【实例描述】

文字可以在状态栏、页面中滚动，但和在表格中滚动的实现方法却不一样.本例学习如何实现table中的文字滚动。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
</head>
<body>
<table border="1"><tr>
<td>第一列</td><td>
<marquee behavior="alternate" scrollamount="1" scrolldelay="100" width="230">第二列</marquee>
</td><td>第三列</td>
</tr></table></body>
</html>

【运行效果】

运行效果

【难点剖析】

本例的重点是marquee的“behavior”属性。此属性设置为“altemate”，表示marquee的内容到达容器的边缘后．按照相反的方向滚动回来，周而复始。
“scrollamount”属性表示文本滚动的速度，值越大速度会越快。

【源码下载】

如果你不愿复制代码及提高代码准确性，你可以点击：table中的文字滚动进行本实例源码下载

标签： table 文字滚动

上一篇：网页表格斜线怎么做
下一篇：JavaScript遍历table的行和列

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法