在网页中实现不间断滚动的文本

这是原来收集的代码,非原创:

<div style="width: 200px; height: 150px; overflow: hidden;"><script language="javascript">
document.write(news.tBodies[0].innerHTML);
</script>
<table id="news" style="position: relative; top: 0px; width: 200px; table-layout: fixed;" cellspacing="0" cellpadding="5" bgcolor="#F8F8F8">
<tbody>
<tr>
<td valign="top" height="150"><b>新闻一</b>
<p> </p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
</td>
</tr>
<tr>
<td valign="top" height="150"><b>新闻二</b>
<p> </p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
</td>
</tr>
<tr>
<td valign="top" height="150"><b>新闻三</b>
<p> </p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
<p>新闻内容</p>
</td>
</tr>
</tbody>
</table>
</div>
<script language="javascript">
function newsScroll(){
news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2);
}
timer1=setInterval('newsScroll()',10);
</script>

 

2 comments on “在网页中实现不间断滚动的文本”

发表回复

您的电子邮箱地址不会被公开。

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据