文字向上无缝滚动

王朝知道·作者佚名  2009-09-14
窄屏简体版  字體: |||超大  
 
分類: 電腦/網絡 >> 互聯網
 
問題描述:

<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 了。

小贴士:① 若网友所发内容与教科书相悖,请以教科书为准;② 若网友所发内容与科学常识、官方权威机构相悖,请以后者为准;③ 若网友所发内容不正确或者违背公序良俗,右下举报/纠错。
 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航