servlet_div_图层

最新推荐文章于 2019-06-06 11:31:12 发布

firedinner

最新推荐文章于 2019-06-06 11:31:12 发布

阅读量1.3k

点赞数

文章标签： Servlet z-index

本文链接：https://blog.csdn.net/firedinner/article/details/9018585

版权

bak 专栏收录该内容

60 篇文章 0 订阅

订阅专栏

<html>
   <head>
       <title>弹框</title>
       <script language="JavaScript">
       var advInitTop=0;
       var closeInitTop=0;
       function inix(){
           avInitTop=document.getElementById("advLayer").style.pixelTop;
           closeInitTop=document.getElementById("closeLayer").style.pixelTop;
       }
       function move(){
           document.getElementById("advLayer").style.pixelTop=advInitTop+document.body.scrollTop;
           document.getElementById("closeLayer").style.pixelTop=closeInitTop+document.body.scrollTop;
       }
       function closeMe(){
           document.getElementById("closeLayer").style.display="none";
           document.getElementById("advLayer").style.display="none";
       }
       window.οnscrοll=move;
       </script>
   </head>
   <body οnlοad="inix()">
       <DIV id="closeLayer" οnclick="closeMe()" style="position:absolute; left:166px; top:132px; width:27px; height:19px; z-index:2;"><img src="./img/demo01/clock.png" width="26"
       height="18"></DIV>
       <p> </p>
       <p><img src="./img/demo01/1.bmp" width="993" height="1799"></p>
       <p> </p>
       <DIV id="advLayer" style="position:absolute; left:16px; top:129px; width:144px; height:95px; z-index:1;"><A href="http://www.baidu.com"><IMG src="./img/demo01/back.png" width="180" height="230" border="0"></A></DIV>
   </body>
</html>

firedinner

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
servlet_div_图层

弹框 var advInitTop=0; var closeInitTop=0; function inix(){ avInitTop=document.getElementById("advLayer").style.pixelTop; closeInitTop=docu
复制链接

扫一扫