软件学堂

网游分类软件分类

table中的文字滚动

2012-10-30 来源:网络

【实例名称】

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中的文字滚动 进行本实例源码下载 

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

相关文章