zoukankan      html  css  js  c++  java
  • 记一次奇葩事——html5可能不支持window.onscroll函数

    只在html5里遇到,html4没事;拿出来聊聊,路过帮忙解答下!!!


    不正常的

     1 <!doctype html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title>浮动广告</title>
     6 <script type="text/javascript">
     7 var advInitTop=0;
     8 var closeInitTop=0;
     9 function init(){
    10 advInitTop=parseInt(document.getElementById("advLayer").style.top.slice(0, -2));
    11 closeInitTop=parseInt(document.getElementById("closeLayer").style.top.slice(0, -2));
    12 }
    13 function move(){
    14 //控制广告图片总位于页面顶端左边位置
    15 document.getElementById("advLayer").style.top=advInitTop+document.body.scrollTop;
    16 //控制关闭图片总位于页面顶端左边位置
    17 document.getElementById("closeLayer").style.top=closeInitTop+document.body.scrollTop;
    18 }
    19 function closeMe(){
    20 //关闭“关闭图片”所在的层
    21 document.getElementById("closeLayer").style.display="none";
    22 //关闭“广告图片”所在的层
    23 document.getElementById("advLayer").style.display="none";
    24 }
    25 //当页面拖动滚动条时调用move()函数
    26 window.onscroll=move;
    27 </script>
    28 </head>
    29 <body onLoad="init()">
    30 <div id="closeLayer" onClick="closeMe()" style="position:absolute; left:16px; top:200px;31px; height:31px; z-index:2;">
    31 <img src="img/close.png" width="30" height="30"></div>
    32 <p><img src="img/2.jpg" width="1000" height="4700"></p>
    33 <div id="advLayer" style="position:absolute; left:16px; top:200px; 250px; height:180px; z-index:1;"><a href="http://www.baidu.com">
    34 <img src="img/timg.jpg" width="250" height="180" border="0"></a></div>
    35 </body>
    36 </html>

    正常的(注释了<!doctype html>)

     1 --<!doctype html>
     2 <html>
     3 <head>
     4 <meta charset="utf-8">
     5 <title>浮动广告</title>
     6 <script type="text/javascript">
     7 var advInitTop=0;
     8 var closeInitTop=0;
     9 function init(){
    10 advInitTop=parseInt(document.getElementById("advLayer").style.top.slice(0, -2));
    11 closeInitTop=parseInt(document.getElementById("closeLayer").style.top.slice(0, -2));
    12 }
    13 function move(){
    14 //控制广告图片总位于页面顶端左边位置
    15 document.getElementById("advLayer").style.top=advInitTop+document.body.scrollTop;
    16 //控制关闭图片总位于页面顶端左边位置
    17 document.getElementById("closeLayer").style.top=closeInitTop+document.body.scrollTop;
    18 }
    19 function closeMe(){
    20 //关闭“关闭图片”所在的层
    21 document.getElementById("closeLayer").style.display="none";
    22 //关闭“广告图片”所在的层
    23 document.getElementById("advLayer").style.display="none";
    24 }
    25 //当页面拖动滚动条时调用move()函数
    26 window.onscroll=move;
    27 </script>
    28 </head>
    29 <body onLoad="init()">
    30 <div id="closeLayer" onClick="closeMe()" style="position:absolute; left:16px; top:200px;31px; height:31px; z-index:2;">
    31 <img src="img/close.png" width="30" height="30"></div>
    32 <p><img src="img/2.jpg" width="1000" height="4700"></p>
    33 <div id="advLayer" style="position:absolute; left:16px; top:200px; 250px; height:180px; z-index:1;"><a href="http://www.baidu.com">
    34 <img src="img/timg.jpg" width="250" height="180" border="0"></a></div>
    35 </body>
    36 </html>

    365个夜晚,我希望做到两天更一篇博客。加油,小白!
  • 相关阅读:
    Generate profile vspx
    (转)Connect string 中的 Intergrated Security
    删除数据库
    SQL Server问题之The remote procedure call failed. [0x800706be]
    SQL Server 2008 R2如何开启数据库的远程连接
    ubuntu 12.04 sourcelist 更新源
    Ubuntu12.04 命令gedit出错:Could not connect to session bus (
    解决 Ubuntu 12.04 无法调节屏幕亮度的问题
    Eclipse和PyDev搭建完美Python开发环境(Windows篇)
    raw_input() 与 input() __ Python
  • 原文地址:https://www.cnblogs.com/qq2806933146xiaobai/p/11159121.html
Copyright © 2011-2022 走看看