静态效果如下：(动态效果复制粘贴下面代码可见)

代码如下：

！DOCTYPE html html head title/title meta charset=' utf-8 ' script type=' text/JAVAScript ' src=' http :3358 apps。bdimg。com/libs/jquery/2。1 .1/jquery。量滴js '/脚本样式类型=' text/CSS ' * { padd : 0；margin:0} ul，li{ list-style: none } .滚动高度：90像素宽度：100%;最大宽度宽度：640像素背景色： # 000;飞越：隐藏；color: # fff}。滚动ul {宽度：100%；位置：绝对；left:0top:0 }。滚动跨度{ font-size :20 px高度：30 px/*颜色： # D83E 21*/} .卷轴li { height:30px线高：30 px}/style/head body div id=' scroll ' class=' scroll clear fix ' ul Li 444444444444/Li Li 111111111111111111111111111111111111111111111111111111111111111111111111111111111/李丽丽李丽丽111111111111111111滚动var scrollIndex=0；变量计时器=空；函数scroll _ f(){ clearInterval(Timer)；var ul=$(' #滚动ul’)；var Li=ul。儿童('李')；var h=李。高度()；定义变量索引=0;ul.css('高度，h *李。长度* 2)；ul。html(ul。html(ul)。html())；函数run(){ if(scrollIndex=Li。长度){ ul。CSS({ top :0 })；scrollIndex=1；ul。动画({ top :-scrollIndex * h }，200)；} else { scrollIndexul。动画({ top :-scrollIndex * h }，200)；} } Timer=setInterval(运行，1500);} $(function(){ scroll _ f()；})/脚本以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！