浮动页面

最新推荐文章于 2024-07-09 22:55:28 发布

stermon

最新推荐文章于 2024-07-09 22:55:28 发布

阅读量509

点赞数 1

分类专栏： javaweb 基础文章标签： border function javascript 浏览器 jsp css

本文链接：https://blog.csdn.net/stermon/article/details/2882266

版权

javaweb 基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

javascript 、、、、、、、、、、
　　 function initAd() {
　　 document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
　　 document.all.AdLayer.style.visibility = 'visible'//设置层为可见
　　 MoveLayer('AdLayer');//调用函数MoveLayer()
　　 }
　　 function MoveLayer(layerName) {
　　 var x = screen.width*0.85;//浮动广告层固定于浏览器的x方向位置
　　 var y = screen.height*0.4;//浮动广告层固定于浏览器的y方向位置
　　 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");//移动广告层
　　 setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()
　　 }
css 、、、、、、、、、、

#AdLayer {
    position: absolute;
    width: 90px;
    height: 120px;
    z-index: 20;
    visibility: hidden;
    left: 600px;
    top: 300px;
    padding-top:30px;
    background-image: url("/toysshop/image/show7.gif");
}

jsp 页面，，，，，，，，，，，，，，，
    <body>

        <a href="/toysshop/main.jsp"><img src='/toysshop/image/show1.gif'
                border="0" height="20" width="80"> </a>
        <a href="/toysshop/login.jsp"><img src='/toysshop/image/show2.gif'
                border="0" height="20" width="80"> </a>
        <a href="/toysshop/servlet/ShowToys"><img
                src='/toysshop/image/show3.gif' border="0" height="20" width="80">
        </a>
        <a href="/toysshop/shoppingCart.jsp"><img
                src='/toysshop/image/show4.gif' border="0" height="20" width="80">
        </a>
        <a href="/toysshop/userZone.jsp"><img
                src='/toysshop/image/show5.gif' border="0" height="20" width="80">
        </a>

    </body>