日期:2014-05-17  浏览次数:20706 次

求救~html跑马灯的问题
HTML code


<body>
        <marquee  direction="up" id="m" height="100" onmouseout="m.start()" onMouseOver="m.stop()" scrollamount="2" 
        align="center" scrolldelay="10" vspace="0">
        <p>海贼王532:是.....</p> 
    <p>火影忍者153:是.....</p> 
        <p>火影忍者153:是.....</p> 
        <p>火影忍者153:是.....</p> 
        <p>火影忍者153:是.....</p>
        </marquee>
</body>




怎么除去播放前的空白

就是让想让这个跑马灯连续起来

------解决方案--------------------
查找“无缝滚动”,复制几个代码把你的内容嵌进去。
------解决方案--------------------
HTML code

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<script type="text/javascript" defer=true> 
var speed=20 //调整滚动速度
var m0=document.getElementById("m0");
m0.innerHTML=mtext.innerHTML;
function Marquee()
{  
    if(m0.offsetTop-maq.scrollTop<=0){
        maq.scrollTop-=mtext.offsetHeight;
    }
    else{  
        maq.scrollTop++  
    }  
}  
var MyMar=setInterval(Marquee,speed)  
maq.onmouseover=function() {clearInterval(MyMar)}  
maq.onmouseout=function() {MyMar=setInterval(Marquee,speed)}  
</script>
</head>
<body>
<div id=maq style=overflow:hidden;height:150px;width:250px;>
  <div id=mtext>
    <p>海贼王532:是.....</p>
    <p>火影忍者153:是.....</p>
    <p>火影忍者153:是.....</p>
    <p>火影忍者153:是.....</p>
    <p>火影忍者153:是.....</p>
  </div>
  <div id="m0"></div>
</div>
</body>
</html>