正在读取数据,请稍候...
 
     
 
正在读取数据,请稍候...
时 间 记 忆
正在读取数据,请稍候...
最 新 评 论
正在读取数据,请稍候...
专 题 分 类
正在读取数据,请稍候...
最 新 日 志
正在读取数据,请稍候...
最 新 留 言
正在读取数据,请稍候...
搜 索
用 户 登 录
正在读取数据,请稍候...
友 情 连 接
博 客 信 息
正在读取数据,请稍候...


 
 
正在读取数据,请稍候...
   
 
 
HEARBEAT浮动DIV菜单和!DOCTYPE的冲突问题的解决
[ 2008-6-2 0:02:00 | By: vc ]
 
在<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">标准中:document.body.scrollTop永远返回0,
改用document.documentElement.scrollTop就可以了,scrollLeft也是一样。

 以下代码在ie6.0,firefox1.5.0.3,opera7.23下测试通过:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>符合标准的正常工作的对联广告</title>
<script language="JavaScript" type="text/javascript">
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
 diffY = document.documentElement.scrollTop;
else if (document.body)
 diffY = document.body.scrollTop
else
    {/*Netscape stuff*/}
 
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lovexin12").style.top=parseInt(document.getElementById

("lovexin12").style.top)+percent+"px";
document.getElementById("lovexin14").style.top=parseInt(document.getElementById

("lovexin12").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;
//alert(lastScrollY);

suspendcode12="<DIV id=\"lovexin12\" style="left:2px;POSITION:absolute;TOP:120px;">ad1</div>"
suspendcode14="<DIV id=\"lovexin14\" style="right:2px;POSITION:absolute;TOP:120px;">ad2</div>"
document.write(suspendcode12);
document.write(suspendcode14);
window.setInterval("heartBeat()",1);
</script>

<style type="text/css">
<!--
#lovexin12,#lovexin14{
   width:120px;
   height:250px;
   background-color:#e5e5e5;
   border:1px solid #ddd;

html,body{
  height:1000px;
  }
#mm{
  height:1000px;
  }
-->
</style>
</head>

<body>
<div id="mm">
</div>
</body>
</html>

 
 
  • 标签:HEARTBEAT DIV 浮动菜单 
  • 发表评论:
    正在读取数据,请稍候...
     
         
       
         
    Powered by Oblog.