zoukankan      html  css  js  c++  java
  • 解决.aspx中插入浮动广告不滚动问题 子曰

    常见滚动效果的JS代码

    function initEcAd() {
    document.all.AdLayer1.style.posTop = -200;
    document.all.AdLayer1.style.visibility = 'visible'
    document.all.AdLayer2.style.posTop = -200;
    document.all.AdLayer2.style.visibility = 'visible'
    MoveLeftLayer('AdLayer1');
    MoveRightLayer('AdLayer2');
    }
    function MoveLeftLayer(layerName) {
    var x = 5;
    var y = 100;// 左侧广告距离页首高度
    var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
    var y = document.body.scrollTop + y - diff;
    eval("document.all." + layerName + ".style.posTop = parseInt(y)");
    eval("document.all." + layerName + ".style.posLeft = x");
    setTimeout("MoveLeftLayer('AdLayer1');", 20);
    }
    function MoveRightLayer(layerName) {
    var x = 5;
    var y = 100;// 右侧广告距离页首高度
    var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
    var y = document.body.scrollTop + y - diff;
    eval("document.all." + layerName + ".style.posTop = y");
    eval("document.all." + layerName + ".style.posRight = x");
    setTimeout("MoveRightLayer('AdLayer2');", 20);
    }
    
    document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='http://www.cnzz.cc' target='_blank'><img src=images/ad-01.jpg border='0'></a></div>"
    +"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='http://www.cnzz.cc' target='_blank'><img src=images/ad-01.jpg border='0'></a></div>");
    initEcAd()
    
    // JavaScript Document


    改为:

    function initEcAd() {
    document.all.AdLayer1.style.posTop = -200;
    document.all.AdLayer1.style.visibility = 'visible'
    document.all.AdLayer2.style.posTop = -200;
    document.all.AdLayer2.style.visibility = 'visible'
    MoveLeftLayer('AdLayer1');
    MoveRightLayer('AdLayer2');
    }
    function MoveLeftLayer(layerName) {
    var x = 5;
    var y = 100;// 左侧广告距离页首高度
    var diff = (document.documentElement.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
    var y = document.documentElement.scrollTop + y - diff;
    eval("document.all." + layerName + ".style.posTop = parseInt(y)");
    eval("document.all." + layerName + ".style.posLeft = x");
    setTimeout("MoveLeftLayer('AdLayer1');", 20);
    }
    function MoveRightLayer(layerName) {
    var x = 5;
    var y = 100;// 右侧广告距离页首高度
    var diff = (document.documentElement.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
    var y = document.documentElement.scrollTop + y - diff;
    eval("document.all." + layerName + ".style.posTop = y");
    eval("document.all." + layerName + ".style.posRight = x");
    setTimeout("MoveRightLayer('AdLayer2');", 20);
    }
    
    document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='http://jiankong.zhiyan360.com' target='_blank'><img src=images/ad-01.jpg border='0'></a></div>"
    +"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='http://jiankong.zhiyan360.com' target='_blank'><img src=images/ad-01.jpg border='0'></a></div>");
    initEcAd()
    
    // JavaScript Document


     

    其实这里也就是把document.body.*改为document.documentElement.*就可以了。
  • 相关阅读:
    UDP与TCP报文格式,字段意义
    TCP报文头部解析
    SQL中IN和EXISTS用法的区别
    SQL中EXISTS的用法
    rabbitmq之一概念解释(信道、交换器和路由键、队列)
    Memcache,Redis,MongoDB三种非关系型数据库的对比
    linux chage
    linux用户组管理
    c++ decltype
    c++ 隐式转换(explicit与转换构造函数)
  • 原文地址:https://www.cnblogs.com/suixufeng/p/3336088.html
Copyright © 2011-2022 走看看