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> 
  • 相关阅读:
    elasticsearch之python操作
    Elasticsearch之性能优化
    Elasticsearch之基本使用
    Redis主从哨兵集群搭建
    Docker Swarm集群
    Elasticsearch之权限验证(Basic)
    docker之网络与数据管理
    docker之可视化工具
    基于Github gist的代码片段管理工具Lepton
    Redis工具之redis_rdb_tools
  • 原文地址:https://www.cnblogs.com/littleCode/p/3344704.html
Copyright © 2011-2022 走看看