介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
& lt; meta charset=皍tf-8"/比;
& lt; title> www.jb51.net ,安康;间歇循环滚动& lt;/title>
& lt; style>
#箱{
身高:240 px;才能
宽度:300 px;才能
保证金才能:0,汽车;
边境才能:1 px solid # 0066 ff;
溢出才能:隐藏;
padding-bottom才能:20 px;
}
李{# box
颜色:# 333;才能
高度才能:24 px;
}
# box ul {
保证金才能:0;
填充才能:0;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; p id=癰ox"祝辞
& lt;才能ul id=癱on1"比;
,,,& lt; li> PHP1
,,,& lt; li> PHP2
,,,& lt; li> PHP3
,,,& lt; li> PHP4
,,,& lt; li> PHP5
,,,& lt; li> PHP6
,,,& lt; li> PHP7
,,,& lt; li> PHP8
,,,& lt; li> PHP9
& lt;才能/ul>
& lt;/p>
& lt; script>
var 面积=. getelementbyid (“box");
area.innerHTML +=area.innerHTML;
var liHeight=24;
area.scrollTop=0;
var 延迟=2000;
var 速度=50;
var 时间;
function starMove () {
area.scrollTop才能+ +;
时间才能=setInterval (“scrollUp()“,速度);
}
function scrollUp () {
如果才能(area.scrollTop % liHeight==0) {
clearInterval才能(时间);
,,setTimeout (“starMove()“,延迟);
}{其他才能
area.scrollTop才能+ +;
如果才能(area.scrollTop>=area.offsetHeight/2) {
area.scrollTop才能=0;
,,}
,,}
}
setTimeout (“starMove()“,延迟);
& lt;/script>
& lt;/body>
& lt;/html>
这篇文章给大家分享的是有关JS文字间歇循环滚动效果如何实现的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
具体代码如下:
感谢各位的阅读!关于“JS文字间歇循环滚动效果如何实现”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
