js实现文本滚动效果

首先看看一般效果图，因为它是动态的，不能显示在页面上。
具体实现代码如下：

1。首先是CSS代码：
体、UL、李、A、P、div { padding: 0px；保证金：0px；字体大小：14px；}
列表样式：无；}
一个{文字装饰：无；颜色：# 333；}
#演示{
溢出：隐藏；溢出部分不显示
宽度：290px；
身高：228px； / *必须精确，避免demo1和demo2之间的距离太大。
填料：5px；
保证金：50px汽车；
}
#表达李{
列表样式：无；
字体大小：14px；
身高：25px；
保证金：0px 5px；
行高：180%；行与线之间的距离。
字母间距：2px； / *词与词之间的距离。
底部边框：1px冲# CCC；
光标：指针；
}

2。内容代码如下所示：

召开的背街小巷综合整治工作
平原街道商铺经营者加大整改力度
平原街道计划生育业务培训班
平原街道：干部进村入户的促进和促进
平原街：返乡人士免费怀孕测试
平原街道：在春运途中注意交通安全

3、最后，是最关键的js代码：
/ /获得ID =演示，刚才ID，ID = 2和客体要素、内容的ID = demo1分配ID = 2
VaR演示= document.getelementbyid（演示）；
VaR demo1 = document.getelementbyid（刚才）；
var 2 = document.getelementbyid（2）；
2 .innerHTML = demo1.innerhtml；
/ / demo1，相同高度的2
刚才。风格。高度=演示。offsetheight +PX；
2。风格。高度=演示。offsetheight +PX；
/ /定时器，每50毫秒，电话scrollup（）函数，滚动实现字符
VaR定时器= window.setinterval（scrollup（）
定义/函数
scrollup（）函数
{
如果高度大于演示/演示卷高度，重新分配给演示从0开始滑动。
如果（演示。scrollTop > =演示。offsetheight）
{
演示。scrollTop = 0；
}其他
{
scrollTop +演示；
}
}
鼠标左/左停止滚动，滚动
演示。onmouseover =函数（）{
/ /清除定时器
ClearInterval（定时器）；
}
演示。onmouseout=函数（）{
添加计时器
定时器= window.setinterval（scrollup（）
}
以上是本文的全部内容，希望能帮助大家学习javaｓｃｒｉｐｔ程序设计。