~html跑马灯的有关问题-HTML教程-爱易网页

~html跑马灯的有关问题

日期：2014-05-17　浏览次数：20766 次

求救~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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

~html跑马灯的有关问题

相关资料更多>

推荐阅读更多>