js浮动广告

    技术2022-05-11  16

    <html><head><script for=window event=onload language="jscript">          //载入页面后,调用函数initAd()        initAd();    </script>     <script language="JScript">     <!--     function initAd() {         //设置onLoad事件激发以后,广告层相对于固定后的y方向位置         document.all.AdLayer.style.posTop = -200;       //设置层为可见         document.all.AdLayer.style.visibility = 'visible';       //调用函数MoveLayer()         MoveLayer('AdLayer');    }     function MoveLayer(layerName) {        //浮动广告层固定于浏览器的x方向位置        var x = 3;         //浮动广告层固定于浏览器的y方向位置        var y = 30;        //0.40是速度,在0到1之间,数值越大,浮动广告动作越慢。实现广告由远及近,由快到慢的效果,可总是不太明白这样的写法,晕:(       //scrollTop:滚动条的顶部,无单位       //posTop:同top,无px单位        var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;         var y = document.body.scrollTop + y - diff;        //移动广告层        eval("document.all." + layerName + ".style.posTop = y");         eval("document.all." + layerName + ".style.posLeft = x");         //设置20毫秒后再调用函数MoveLayer()        setTimeout("MoveLayer('AdLayer');", 20);         }     //-->     </script>      </head> <body>         <!--下面为一个ID为AdLayer的层(如ID名不为AdLayer,上面MoveLayer()内的AdLayer也要作相应修改),包括一张带链接的图片-->    <div id=AdLayer style='position:absolute; width:111px; height:36px; z-index:20; visibility:hidden;; left: 3px; top: 30px'>    <a href="http://www.mainone.com">广告</a>    </div>    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>   </body>  </html>


    最新回复(0)