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.*就可以了。
  • 相关阅读:
    Redis设置生存时间或过期时间的相关命令
    .Net Core使用Redis
    Redis的数据类型
    Java集合 使用Collections
    Java集合 使用Iterator
    Java集合 使用Stack
    响应式常用样式汇总
    图片 文字 背景等响应式设置总结
    微信动态聊天工具
    第2章 栅格系统
  • 原文地址:https://www.cnblogs.com/suixufeng/p/3336088.html
Copyright © 2011-2022 走看看