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.*就可以了。
  • 相关阅读:
    HTML5 WebSocket 技术介绍
    腾迅平台接入笔记
    Windows 2008 R2 64位上安装wamp失败的原因
    海伦公式
    ANE接入平台心得记录(安卓)
    ANE原生代码的调试(安卓)
    一行代码远离Google浏览器兼容问题的困扰
    U3D的飞船太空射击例子中,使用coroutine
    这几天在搞UNITY3D,感觉回到了AS2
    网页动物园2.0发布,经过几个月的努力,采用JAVA编写!
  • 原文地址:https://www.cnblogs.com/suixufeng/p/3336088.html
Copyright © 2011-2022 走看看