html写的代码为什么只滚动到一半就不往不下了啊?
新手初学html,还大牛请勿喷。。。程序代码:
<html> <body bgcolor=black text=red> </body> <left> <marquee direction=down > 1<br> 2<br> 3<br> 4<br> 5<br> 6<br> </marquee> </left> </html>
[ 本帖最后由 h4cksoldier 于 2013-10-31 16:25 编辑 ]
<div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> </div> <div id="colee2"></div> </div> <script> var speed=30; var colee2=document.getElementById("colee2"); var colee1=document.getElementById("colee1"); var colee=document.getElementById("colee"); colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2 function Marquee1(){ //当滚动至colee1与colee2交界时 if(colee2.offsetTop-colee.scrollTop<=0){ colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端 }else{ colee.scrollTop++ } } var MyMar1=setInterval(Marquee1,speed)//设置定时器 //鼠标移上时清除定时器达到滚动停止的目的 colee.onmouseover=function() {clearInterval(MyMar1)} //鼠标移开时重设定时器 colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)} </script>