文字向上无缝滚动
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>不间断文字向上滚动的处理</TITLE>
</HEAD>
<BODY >
<!-- start ------------------------------------------------------------>
相对定位版不间断滚动:<br><br>
<div style="width:200px;height:150px;overflow:hidden">
<table cellspacing=0 cellpadding=5 bgcolor=#F8F8F8 style="position:relative;top:0px;width:200px;table-layout:fixed" id=news>
<tbody>
<tr>
<td valign=top height=150>
<b>新闻一</b><br>
新闻内容<br>
新闻内容<br>
新闻内容<br>
新闻内容<br>
新闻内容<br>
新闻内容<br>
新闻内容<br>
</td>
</tr>
</tbody>
<script language=javascript>
//重复一次新闻内容
document.write(news.tBodies[0].innerHTML)
</script>
</table>
</div>
<script language=javascript>
//实现不间断滚动
function newsScroll()
{
news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2);
}
timer1=setInterval('newsScroll()',10) //更改第二个参数可以改变速度,值越小,速度越快。
</script>
<br><br>
<!-- end -------------------------------------------------------------->
</BODY></HTML>
我想问下,在这段代码里要在什么地方才可以加上鼠标控制代码如:onmouseover=news.stop() onmouseover=news.start()
参考答案:首先,要给层放进一个表格里面,表格名称随便(此处用:aa)。
<script language="javascript">
aa.onmouseover=function(){clearInterval(timeer1)}
aa.onmouseover=function(){timer1=setInterval('newsScroll()',10)}
</script>
OK 了。