介绍 & lt;脚本类型=拔谋?javascript"比;
var圆顶=. getelementbyid (“dome");//获取节点
var dome1=. getelementbyid (“dome1");
var dome2=. getelementbyid (“dome2");
var速度=50;//设置向上轮动的速度
dome2.innerHTML=dome1.innerHTML;//复制节点关键语句
函数moveTop () {
如果(dome1.offsetHeight-dome.scrollTop<=0){//判断内容第一次是否循环完了
dome.scrollTop=0;
其他}{
dome.scrollTop + +,//否则上移
}
}
myFunction var=setInterval (“moveTop()“,速度);//设置时间定时
dome.onmouseover=function(){//鼠标放在区域内停止
clearInterval myFunction ();
}
dome.onmouseout=function () {
myFunction=setInterval (moveTop、速度);
}
& lt;/script> & lt; !DOCTYPE html公众“-//W3C XHTML 1.0//DTD//EN"过渡;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;
& lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;
& lt; head>
& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;
& lt; title>循环滚动信息栏& lt;/title>
& lt;风格类型=拔谋?css"比;
身体{
保证金:0 px;
填充:0 px;
}
李#表达{
高度:25 px;
边界底部:冲1 px # 999;
行高:20 px;
字体大小:12 px;
list-style:没有;
}
#{圆顶
身高:305 px;
溢出:隐藏;
margin-top: 0 px;
}
# book_class {
宽度:200 px;
身高:310 px;
边界:3 px固体# 999;
margin-left:汽车;
margin-right:汽车;
margin-top: 70 px;
border - radius: 5 px 5 px 5 px 5 px;
不必:0 px 0 px 10 px 10 px # CECED1;
}
#{表达
margin-left: -30 px;
margin-right: 10 px;
margin-bottom: 0 px;
margin-top: 0 px;
}
# book_class div div ul李{
文字修饰:没有;
颜色:# 333333;
}
# book_class div div ul李答:{徘徊
文字修饰:下划线;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=癰ook_class"祝辞
& lt; div id=癲ome"祝辞
& lt; div id=癲ome1"祝辞
& lt; ul id=癳xpress"祝辞
& lt; li> https://www.yisu.com/zixun/& lt; a href=" # "> 2010·考研英语大纲到货75折…
<李> ·权威定本四大名著(人民文…
<李> ·口述历史权威唐德刚先生国…
<李> ·袁伟民与体坛风云:实话实…
<李> ·我们台湾这些年:轰动两岸…
<李> ·畅销教辅推荐:精品套书50…
<李> ·2010版法律硕士联考大纲75…
<李> ·计算机新书畅销书75折抢购
<李> ·2009年孩子最喜欢的书
<李> ·弗洛伊德作品精选集59折
标签就行了- - - - - -这里就不多写了- - - - - - - - - - ->
这篇文章给大家分享的是有关html + css + javascript实现列表循环滚动的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
说明:设置时间定时,在规定的时间内替换前一个节点的内容
1,关键代码:javascript:
2代码示例:完整代码(可运行)
