宝哥软件园

JS实现的文字间歇循环滚动效果完整示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

本文实例讲述了射流研究…实现的文字间歇循环滚动效果。分享给大家供大家参考,具体如下:

先来看看运行效果:

具体代码如下:

!DOCTYPE html html hearteta charset=' utf-8 '/title www .JB 51。互间歇循环滚动/title style # box { height :240 px;宽度宽度:300 pxmargin :0 auto order :1 px实心# 0066FF飞越:隐藏;填充-底部:20 px} # box Li { color : # 333 height :24 px } # box ul { margin :0划水:0;}/style/head dydiv id=' box ' ul id=' con 1 ' Li我们1/李莉我们2/李莉我们3/李莉我们4/李莉我们5/li li我们6/li li我们7/li li我们8/li li我们9/Li/ul/divscriptvar区域=文档。getelementbyid(' box ');区域。innerhtml=面积。innerhtmlvar liHeight=24area。滚动顶部=0;定义变量延迟=2000;变速=50;变化时间;函数星移(){面积。滚动顶部;time=setInterval(' scrolup()',speed);}函数scrolup(){ if(area。滚动顶部% lihAiR==0){ clearInterval(时间);setTimeout('starMove()',延迟);} else { area . scroltopif(area。滚动顶部=区域。偏置热量/2){面积。滚动顶部=0;} }}setTimeout('starMove()',延迟);/脚本/正文/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript切换特效与技巧总结》 、 《JavaScript查找算法技巧总结》 、 《JavaScript错误与调试技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。

更多资讯
游戏推荐
更多+