说明:设置时间定时,在规定的时间内替换前一个节点的内容 1、关键代码:javascript: 复制代码代码如下: <br />var dome=document.getElementById("dome"); //获取节点 <br />var dome1=document.getElementById("dome1"); <br />var dome2=document.getElementById("dome2"); <br />var speed=50;//设置向上轮动的速度 <br />dome2.innerHTML=dome1.innerHTML;//复制节点 关键语句 <br />function moveTop(){ <br />if(dome1.offsetHeight-dome.scrollTop<=0){//判断内容第一次是否循环完了 <br />dome.scrollTop=0; <br />}else{ <br />dome.scrollTop++;//否则上移 <br />} <br />} <br />var myFunction=setInterval("moveTop()",speed);//设置时间定时 <br />dome.onmouseover=function(){//鼠标放在区域内停止 <br />clearInterval(myFunction); <br />} <br />dome.onmouseout=function(){ <br />myFunction=setInterval(moveTop,speed); <br />} <br /> 2、代码示例:完整代码(可运行) 复制代码代码如下: 循环滚动信息栏 <br />body{ <br />margin:0px; <br />padding:0px; <br />} <br />#express li{ <br />height:25px; <br />border-bottom:dashed 1px #999; <br />line-height:20px; <br />font-size:12px; <br />list-style:none; <br />} <br />#dome{ <br />height:305px; <br />overflow:hidden; <br />margin-top:0px; <br />} <br />#book_class{ <br />width:200px; <br />height:310px; <br />border:3px solid #999; <br />margin-left:auto; <br />margin-right:auto; <br />margin-top:70px; <br />border-radius:5px 5px 5px 5px; <br />box-shadow:0px 0px 10px 10px #CECED1; <br />} <br />#express{ <br />margin-left:-30px; <br />margin-right:10px; <br />margin-bottom:0px; <br />margin-top:0px; <br />} <br />#book_class div div ul li a{ <br />text-decoration:none; <br />color:#333333; <br />} <br />#book_class div div ul li a:hover{ <br />text-decoration:underline; <br />} <br /> ·2010考研英语大纲到货75折... ·权威定本四大名著(人民文... ·口述历史权威唐德刚先生国... ·袁伟民与体坛风云:实话实... ·我们台湾这些年:轰动两岸... ·畅销教辅推荐:精品套书50... ·2010版法律硕士联考大纲75... ·计算机新书畅销书75折抢购 ·2009年孩子最喜欢的书 ·弗洛伊德作品精选集59折 <br />var dome=document.getElementById("dome"); <br />var dome1=document.getElementById("dome1"); <br />var dome2=document.getElementById("dome2"); <br />var speed=50;//设置向上轮动的速度 <br />dome2.innerHTML=dome1.innerHTML;//复制节点 <br />function moveTop(){ <br />if(dome1.offsetHeight-dome.scrollTop<=0){ <br />dome.scrollTop=0; <br />}else{ <br />dome.scrollTop++; <br />} <br />} <br />var myFunction=setInterval("moveTop()",speed); <br />dome.onmouseover=function(){ <br />clearInterval(myFunction); <br />} <br />dome.onmouseout=function(){ <br />myFunction=setInterval(moveTop,speed); <br />} <br /> 3、所的界面如下: