| 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知道网 声明：刊登此文章是为了传递更多信息，文章内容仅供参考，转载请注明出处。 |
