zoukankan      html  css  js  c++  java
  • 上下翻滚JS特效代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>建站代码-上下翻滚JS</title>

    </head>

    <body>
    <div id="adsfar" style="background:#FF0000">
    <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td bgcolor="#FFFFFF">11111111111111111</td>
        </tr>
        <tr>
          <td bgcolor="#FFFFFF">22222222222222222</td>
        </tr>
        <tr>
          <td bgcolor="#FFFFFF">33333333333333333</td>
        </tr>
        <tr>
          <td bgcolor="#FFFFFF">44444444444444444444444444</td>
        </tr>
        <tr>
          <td bgcolor="#FFFFFF">55555555555555555555555</td>
        </tr>
        <tr>
          <td bgcolor="#FFFFFF">66666666666666666666666666666</td>
        </tr>
    </table>
    </div>
    <script type="text/javascript">
    marque(400,28,"adsfar")
    var scrollId;
    var stopscroll;
    var stoptime;
    var preTop;
    var leftElem;
    var currentTop;
    var marqueesHeight;
    function marque(width,height,marqueId,marqueTagName){
       try{
          marqueesHeight = height;
          stopscroll     = false;

          scrollId = document.getElementById(marqueId);
          with(scrollId){
           style.width     = width + "px";
           style.height    = marqueesHeight + "px";
           style.overflow = 'hidden';
           noWrap          = true;
          }

          scrollId.onmouseover = new Function('stopscroll = true');
          scrollId.onmouseout = new Function('stopscroll = false');

          preTop     = 0;
          currentTop = 0;
          stoptime   = 0;
          alert( scrollId.scrollHeight);
          if(height < scrollId.scrollHeight){
              leftElem = document.getElementById(marqueId);
              //alert(leftElem.cloneNode(true));
              scrollId.appendChild(leftElem.cloneNode(true)); //cloneNode(true) 如果这个布尔参数设置为 true,被克隆的节点会复制原始节点的所有子节点。
               
              init_srolltext();
          }
       }catch(e) {}
    }

    function init_srolltext(){
    scrollId.scrollTop = 0;
    setInterval('scrollUp()', 18);
    }

    function scrollUp(){
    if(stopscroll) return;
    currentTop += 1;
    if(currentTop == marqueesHeight+1) {
        stoptime += 1;
        currentTop -= 1;
        if(stoptime == (marqueesHeight)*1) {//??
          currentTop = 0;
          stoptime = 0;
        }
    }else{

        preTop = scrollId.scrollTop;    //网页被卷去的高
       //alert(preTop);
        scrollId.scrollTop += 1;
        if(preTop == scrollId.scrollTop){
          scrollId.scrollTop = marqueesHeight;
          scrollId.scrollTop += 1;
        }
    }
    }
    </script>


    </body>
    </html>
  • 相关阅读:
    071:【Django数据库】ORM聚合函数详解-Avg
    实战:百度知道营销,自问自答技巧(下)
    实战:百度知道营销,自问自答技巧(上)
    QQ群排名霸屏技术居然是这样简单
    百度云盘,资源引流的温床,你绝对值得拥有!
    PC时代 常用搜索引擎高级指令 勿忘
    免费影视资源 日引不说几百上千 反正绝对不会是零
    QQ兴趣部落 大批量引流实战技巧
    新媒体运营之话说如此操作更容易出站街号。
    QQ群认证 人数再度扩容 权限随之升级
  • 原文地址:https://www.cnblogs.com/shihao/p/1565564.html
Copyright © 2011-2022 走看看