javascript 单行文字向上跑马灯滚动显示


答案：代码如下：
<html> 
<head> 
<script type="text/javascript"><!-- 
function startmarquee(lh,speed,delay) { 
    var p=false; 
    var t; 
    var sh; 
    var o=document.getElementById("marqueebox"); 
    o.innerHTML+=o.innerHTML; 
    o.style.marginTop=0; 
    o.onmouseover=function(){p=true;} 
    o.onmouseout=function(){p=false;} 
    function start(){ 
        sh = o.offsetHeight; 
        o.style.height = sh; 
        t=setInterval(scrolling,speed); 
        if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px"; 
    } 
    function scrolling(){ 
        if(parseInt(o.style.marginTop)%lh!=0){ 
            o.style.marginTop=parseInt(o.style.marginTop)-1+"px"; 
            if(Math.abs(parseInt(o.style.marginTop))>=sh/2) o.style.marginTop=0; 
        }else{ 
            clearInterval(t); 
            setTimeout(start,delay); 
        } 
    } 
    setTimeout(start,delay); 
} 
// --></script> 
</head> 
<body> 
<div style="overflow: hidden; height: 18px; margin-left: 5px;"> 
    <div id="marqueebox" style="margin-top: -48px; height: 252px;"> 
        <div class="tp">脚本之家</div> 
        <div class="tp">服务器常用软件</div> 
        <div class="tp">百度</div> 
        <div class="tp">浏览器</div> 
    </div> 
</div> 
</body> 
<script type="text/javascript"><!-- 
startmarquee(18,20,3000); 
// --></script> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：关于IE、Firefox、Opera页面呈现异同写脚本很痛苦
下一个：JavaScript 获取用户客户端操作系统版本

更多图片编程知识: