js实现文字滚动效果

前端之家收集整理的这篇文章主要介绍了js实现文字滚动效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

首先先看一下大致效果图,因为是动态的,在页面无法显示出来。

具体的实现代码如下:

1.首先是css代码

不显示*/ width:290px; height:228px;/*一定要确切,避免demo1与demo2之间的距离过大*/ padding:5px; margin:50px auto; } #express li{ list-style:none; font-size:14px; height:25px; margin:0px 5px; line-height:180%;/*行与行之间的距离*/ letter-spacing:2px;/*字与字之间的距离*/ border-bottom:1px dashed #ccc; cursor:pointer; }

2.内容代码如下:

3.最后是最关键的js代码

=demo.offsetHeight) { demo.scrollTop=0; }else { demo.scrollTop++; } } //鼠标放上停止滚动,鼠标离开继续滚动 demo.onmouSEOver=function(){ //清除定时器 clearInterval(timer); } demo.onmouSEOut=function(){ //添加定时器 timer=window.setInterval("scrollup()",50); }

以上就是本文的全部内容,希望对大家学习javascript程序设计有所帮助。

猜你在找的JavaScript相关文章