文字不间断横向滚动代码 IE FireFox兼容代码

最新推荐文章于 2025-12-11 21:57:31 发布

转载最新推荐文章于 2025-12-11 21:57:31 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cqsar/articles/1048739.html

文章标签：

#javascript #ViewUI

本文提供了一段用于实现网页上文字不间断横向滚动效果的HTML与JavaScript代码。该代码适用于IE和FireFox浏览器，并通过鼠标悬停与移开触发滚动的暂停与继续。

文字不间断横向滚动代码 IE FireFox兼容代码
<div   style="width:543px;height:21px;overflow:hidden"   onMouseOver="stop()"   onMouseOut="start()">
<table   width="543"   border="0"   cellspacing="0"   cellpadding="0"   id="scrollimg"   height="21">
<tr>
<td   id="simg">
<TABLE   width="543"   border="0"   cellspacing="0"   cellpadding="0"   height="21">
<tr>
                          <td><a   href="index.htm">不间断文字滚动</a></td>
                      </tr>
</TABLE>
</td>
<td   id="simg1"></td>
</tr>
</table>
</div>
<SCRIPT   LANGUAGE="JavaScript">
var   tm=null
function   newsScroll()   {
if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}
window.onload=function()   {
simg1.innerHTML=simg.innerHTML
tm=setInterval('newsScroll()',20)
}
function   stop()
{
clearInterval(tm)
}

function   start()
{
tm=setInterval('newsScroll()',20)
}
</SCRIPT>

转载于:https://www.cnblogs.com/cqsar/articles/1048739.html