| js实现的文字无缝向上滚动的效果 |
| 来源:
发布时间:2008-08-05 发布人:
浏览:
人次
字体:
[大
中
小]
|
|
本文将实现一段文字无缝向上滚动的效果,最主要的是本功能可以自定义显示几行记录,不错吧! <STYLE>a{display:block;font-size:15px};</STYLE> <DIV id=div1 style="OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 68px"> <A href="javascript:">1,你可曾有过无数的梦想,</A> <A href="javascript:">2,却在时光的流逝里幻灭 </A> <A href="javascript:">3,你可曾对未来期待憧憬,</A> <A href="javascript:">4,却在成长的岁月中迷失</A> <A href="javascript:">5,CSDN中国程序员论坛</A> <A href="javascript:">6,大家一起来</A> <A href="javascript:">7,好象都很不错的样子</A> </DIV> <SCRIPT> var t=setInterval(myfunc,1000) var d=document.getElementById("div1") function myfunc(){ var o=d.firstChild d.removeChild(o) d.appendChild(o) } d.onmouseover=function(){clearInterval(t)} d.onmouseout=function(){t=setInterval(myfunc,1000)} </SCRIPT> 上面显示的是四行,如果只要1行,或者几行 改这里height:68px 只显示1行: <DIV id=div1 style="OVERFLOW: hidden; WIDTH: 300px; HEIGHT: 15px"> <PRE></PRE></DIV>
| |
| |
|
|
|
|
| §最新评论:(评论内容只代表网友观点,与本站立场无关!) | |
|
|
|
|
| 注意:请勿在本站发布政治话题、色情及违反法律的内容。 |
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。 |