zoukankan      html  css  js  c++  java
  • javascript 文字滚动显示[zhuan ]

    <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"><a target="_blank" href="http://www.jb51.net" >脚本之家</a></div> 
            <div class="tp"><a target="_blank" href="http://s.jb51.net" >服务器常用软件</a></div> 
            <div class="tp"><a target="_blank" href="http://www.baidu.com" >百度</a></div> 
            <div class="tp"><a target="_blank" href="http://liulanqi.jb51.net">浏览器</a></div> 
        </div> 
    </div> 
    </body> 
    <script type="text/javascript"><!-- 
    startmarquee(18,20,3000); 
    // --></script> 
    </html> 
  • 相关阅读:
    课程笔记:——Javascript 中的预解释1
    我的博客园开通了~
    scheduling algorithm
    jQuery实现全选,全不选,反选
    jQuery实现表格选中行变色
    程序员永远的鸡血
    大家好,欢迎来到我的博客,我们一起成长,见证奇迹!
    存储过程和触发器优缺点分析
    ECStore去掉Index.php的方法
    C# 编码与解码
  • 原文地址:https://www.cnblogs.com/littleCode/p/3344704.html
Copyright © 2011-2022 走看看