一个右下角飘浮广告的JS，IE正常，CHROME下有问题

my5123 2011-03-21 07:27:48
IE下可以完全弹出，CHROME下只往上弹出一部分。大侠们帮忙 看一看。解决后定给分。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=gb2312">

<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />

<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />

<title>网页特效 可最小化和关闭的右下角浮动窗口 站长特效网</title>

<style type="text/css">

<!--

#ww_zzjs_net {border:#0066FF 1px solid;}

#zzjs_net {border:#0066FF 1px solid;}

.www_zzjs_net_head {color: #FFFFFF; font-size:13px; background-color:#5e7aa6; height:25px; padding:0,5,0,5;}

#www_zzjs_net {background-color:#FFFFFF; border:#0066FF 1px solid; border-left-style:none; border-right-style:none;}

-->

</style>

<script type="text/javascript">

<!--

 window.onload = getMsg;

 window.onresize = resizeDiv;

 window.onerror = function(){}

 var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;

 function getMsg()

 {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。

  try

  {

   divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

   divLeft = parseInt(document.getElementById("ww_zzjs_net").style.left,10);

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10; //divHeight

   document.getElementById("ww_zzjs_net").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;

   document.getElementById("ww_zzjs_net").style.visibility="visible";

   objTimer = window.setInterval("moveDiv()",10);

  }

  catch(e){}

 }//欢d迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。

 //初始化位置

 function resizeDiv()

 {

  i+=1;

  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句

  try

  {

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("ww_zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }//欢迎来到站长特效网，c我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。

 //最小化

 function minsizeDiv()

 {

  i+=1

  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句

  try

  {

   divHeight = parseInt(document.getElementById("zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长c，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。

 //移动

 function moveDiv()

 {

 try

 {

  if(parseInt(document.getElementById("ww_zzjs_net").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))

  {

   window.clearInterval(objTimer);

   objTimer = window.setInterval("resizeDiv()",1);

  }

  divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

  document.getElementById("ww_zzjs_net").style.top = divTop -1;

 }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，h本站收集大量高质量js代码，还有许多广告代码下载。

  catch(e){}

 }

 function minDiv()

 {

  closeDiv();

  document.getElementById('zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("minsizeDiv()",1);

 }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载c。

 function maxDiv()

 {

  document.getElementById('zzjs_net').style.visibility='hidden';

  document.getElementById('ww_zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("resizeDiv()",1);

  //resizeDiv()

  getMsg();

 }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站q收集大量高质量js代码，还有许多广告代码下载。

 function closeDiv()

 {

  document.getElementById('ww_zzjs_net').style.visibility='hidden';

  document.getElementById('zzjs_net').style.visibility='hidden';

  if(objTimer) window.clearInterval(objTimer);

 }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，e本站收集大量高质量js代码，还有许多广告代码下载。

 -->

</script>

</head>

<body>

<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<!--欢迎来到站长特效网，我们网站收集大量高质量js特效，提供许多广告代码下载，网址：www.zzjs.net，zzjs@msn.com,用.net打造靓站-->

<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;height:30px;">

  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">

    <tr>

      <td width="100%" valign="top" align="center">

        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">站长特效网</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">-</span> <span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="关闭" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

    <tr>

      <td height="30" align="center" valign="middle" colSpan="3">

        <div id="www_zzjs_net">

          <table width="100%" height="100%" cellpadding="0" cellspacing="0">

           <tr>

             <td align="left" height="100%" style="font-size:14px;padding:3px;"><div><p align="center">您已登陆，<a href="http://www.zzjs.net">退出</a>！<br><a href="my.asp" title="站长特效网,www.zzjs.net，欢迎您的到来。">查看我的信息</a></div>

             </td>

            </tr>

          </table>

        </div>

      </td>

    </tr>

  </table>

</div>

<!--最小化状态-->

<div id="zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;">

  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">

    <tr>

      <td width="100%" valign="top" align="center">

        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">展开图层</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">□</span><span title="关闭" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

  </table>

</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 /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</body>

</html>
...全文
522 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
my5123 2011-03-22
  • 打赏
  • 举报
 回复
结贴，分给楼上，高度的问题解决了，后来又出现了宽度的问题，后来将图片外面的table的宽高都去掉，搞定，最外面的div的宽度不能不设，否则会默认整个网页宽，写成0的话图片会将DIV撑开。代码如下，可兼容chrome。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=gb2312">

<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />

<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />

<title>网页特效 可最小化和关闭的右下角浮动窗口 站长特效网</title>

<style type="text/css">

<!--

#ww_zzjs_net {border:#0066FF 1px solid;}

#zzjs_net {border:#0066FF 1px solid;}

.www_zzjs_net_head {color: #FFFFFF; font-size:13px; background-color:#5e7aa6; height:25px; padding:0,5,0,5;}

#www_zzjs_net {background-color:#FFFFFF; border:#0066FF 1px solid; border-left-style:none; border-right-style:none;}

-->

</style>

<script type="text/javascript">

<!--

 window.onload = getMsg;

 window.onresize = resizeDiv;

 window.onerror = function(){}

 var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;

 function getMsg()

 {

  try

  {

   divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

   divLeft = parseInt(document.getElementById("ww_zzjs_net").style.left,10);

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   //alert(divWidth);

   //alert(divHeight);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10; //divHeight

   document.getElementById("ww_zzjs_net").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;

   document.getElementById("ww_zzjs_net").style.visibility="visible";

   objTimer = window.setInterval("moveDiv()",10);

  }

  catch(e){}

 }

 //初始化位置

 function resizeDiv()

 {

  i+=1;

  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句

  try

  {

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("ww_zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }

 //最小化

 function minsizeDiv()

 {

  i+=1

  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句

  try

  {

   divHeight = parseInt(document.getElementById("zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }

 //移动

 function moveDiv()

 {

 try

 {

  if(parseInt(document.getElementById("ww_zzjs_net").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))

  {

   window.clearInterval(objTimer);

   objTimer = window.setInterval("resizeDiv()",1);

  }

  divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

  document.getElementById("ww_zzjs_net").style.top = divTop -1;

 }

  catch(e){}

 }

 function minDiv()

 {

  closeDiv();

  document.getElementById('zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("minsizeDiv()",1);

 }

 function maxDiv()

 {

  document.getElementById('zzjs_net').style.visibility='hidden';

  document.getElementById('ww_zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("resizeDiv()",1);

  //resizeDiv()

  getMsg();

 }

 function closeDiv()

 {

  document.getElementById('ww_zzjs_net').style.visibility='hidden';

  document.getElementById('zzjs_net').style.visibility='hidden';

  if(objTimer) window.clearInterval(objTimer);

 }

 -->

</script>

</head>

<body>

<div id="ww_zzjs_net" style="z-index:99999;left:0px;width=0px;visibility:hidden;position:absolute;top:0px;">

  <table cellSpacing="0" cellPadding="0" width="0" bgcolor="#FFFFFF" border="0">

    <tr>

      <td valign="top" align="center">

        <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">站长特效网</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">-</span> <span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="关闭" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

    <tr>

      <td align="center" valign="middle" colSpan="3">

        <div id="www_zzjs_net">

          <table cellpadding="0" cellspacing="0">

           <tr>

             <td align="left" style="font-size:14px;padding:3px;"><div><img src="http://fzwsjd.host.chinakewei.com.cn/Uploads/Advert/20113211138255450.png"/></div>

             </td>

            </tr>

          </table>

        </div>

      </td>

    </tr>

  </table>

</div>

<!--最小化状态-->

<div id="zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;">

  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">

    <tr>

      <td width="100%" valign="top" align="center">

        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">展开图层</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">□</span><span title="关闭" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

  </table>

</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 /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</body>

</html>
wishifef 2011-03-22
  • 打赏
  • 举报
 回复
那你就把你原来的代码这一行：
<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;height:30px;">

的height:30px;
去掉就可以了。要不就不设，设了就要比包含的值大。

你设定了高度，也许FF和CHROME的offsetHeight就是获得设定的高度，

<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;">

my5123 2011-03-22
  • 打赏
  • 举报
 回复
感谢楼上，不过我现在是想在这个窗口里放放图片，图片自动把表格撑开，以你现在的写法的话，表格高度就限死了，图片显示不全。
my5123 2011-03-22
  • 打赏
  • 举报
 回复
上面贴错了div的width要删掉
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=gb2312">

<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />

<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />

<title>网页特效 可最小化和关闭的右下角浮动窗口 站长特效网</title>

<style type="text/css">

<!--

#ww_zzjs_net {border:#0066FF 1px solid;}

#zzjs_net {border:#0066FF 1px solid;}

.www_zzjs_net_head {color: #FFFFFF; font-size:13px; background-color:#5e7aa6; height:25px; padding:0,5,0,5;}

#www_zzjs_net {background-color:#FFFFFF; border:#0066FF 1px solid; border-left-style:none; border-right-style:none;}

-->

</style>

<script type="text/javascript">

<!--

 window.onload = getMsg;

 window.onresize = resizeDiv;

 window.onerror = function(){}

 var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;

 function getMsg()

 {

  try

  {

   divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

   divLeft = parseInt(document.getElementById("ww_zzjs_net").style.left,10);

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   //alert(divWidth);

   //alert(divHeight);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10; //divHeight

   document.getElementById("ww_zzjs_net").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;

   document.getElementById("ww_zzjs_net").style.visibility="visible";

   objTimer = window.setInterval("moveDiv()",10);

  }

  catch(e){}

 }

 //初始化位置

 function resizeDiv()

 {

  i+=1;

  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句

  try

  {

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("ww_zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }

 //最小化

 function minsizeDiv()

 {

  i+=1

  //if(i>300) closeDiv() //想不用自动消失由用户来自己关闭所以屏蔽这句

  try

  {

   divHeight = parseInt(document.getElementById("zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }

 //移动

 function moveDiv()

 {

 try

 {

  if(parseInt(document.getElementById("ww_zzjs_net").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))

  {

   window.clearInterval(objTimer);

   objTimer = window.setInterval("resizeDiv()",1);

  }

  divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

  document.getElementById("ww_zzjs_net").style.top = divTop -1;

 }

  catch(e){}

 }

 function minDiv()

 {

  closeDiv();

  document.getElementById('zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("minsizeDiv()",1);

 }

 function maxDiv()

 {

  document.getElementById('zzjs_net').style.visibility='hidden';

  document.getElementById('ww_zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("resizeDiv()",1);

  //resizeDiv()

  getMsg();

 }

 function closeDiv()

 {

  document.getElementById('ww_zzjs_net').style.visibility='hidden';

  document.getElementById('zzjs_net').style.visibility='hidden';

  if(objTimer) window.clearInterval(objTimer);

 }

 -->

</script>

</head>

<body>

<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;position:absolute;top:0px;">

  <table cellSpacing="0" cellPadding="0" width="0" bgcolor="#FFFFFF" border="0">

    <tr>

      <td valign="top" align="center">

        <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">站长特效网</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">-</span> <span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="关闭" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

    <tr>

      <td align="center" valign="middle" colSpan="3">

        <div id="www_zzjs_net">

          <table cellpadding="0" cellspacing="0">

           <tr>

             <td align="left" style="font-size:14px;padding:3px;"><div><img src="http://fzwsjd.host.chinakewei.com.cn/Uploads/Advert/20113211138255450.png"/></div>

             </td>

            </tr>

          </table>

        </div>

      </td>

    </tr>

  </table>

</div>

<!--最小化状态-->

<div id="zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;">

  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">

    <tr>

      <td width="100%" valign="top" align="center">

        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">展开图层</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">□</span><span title="关闭" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

  </table>

</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 /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

</body>

</html>
wishifef 2011-03-21
  • 打赏
  • 举报
 回复
可能是你获得的div的高度有误（具体看注释），
改动地方为：
<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;height:60px;margin:0px;overflow:hidden">
包括现在设置为height:60px;时获得的divHeight也不一致，firefox和CHROME加上了border宽度为62px，而IE没加（这个我加了一个div可获得里面的数据）


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=gb2312">

<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />

<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />

<title>网页特效 可最小化和关闭的右下角浮动窗口 站长特效网</title>

<style type="text/css">

<!--

#ww_zzjs_net {border:#0066FF 1px solid;}

#zzjs_net {border:#0066FF 1px solid;}

.www_zzjs_net_head {color: #FFFFFF; font-size:13px; background-color:#5e7aa6; height:25px; padding:0,5,0,5;}

#www_zzjs_net {background-color:#FFFFFF; border:#0066FF 1px solid; border-left-style:none; border-right-style:none;}

-->

</style>

<script type="text/javascript">

<!--

 window.onload = getMsg;

 window.onresize = resizeDiv;

 window.onerror = function(){}

 var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;

 function getMsg()

 {

  try

  {

   divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

   divLeft = parseInt(document.getElementById("ww_zzjs_net").style.left,10);

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10; //divHeight

   document.getElementById("ww_zzjs_net").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth;

   document.getElementById("ww_zzjs_net").style.visibility="visible";

   objTimer = window.setInterval("moveDiv()",10);

  }

  catch(e){}

 }

 function resizeDiv()

 {

  i+=1;

  

  try

  {

   divHeight = parseInt(document.getElementById("ww_zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("ww_zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("ww_zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("ww_zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }

 function minsizeDiv()

 {

  i+=1

 

  try

  {

   divHeight = parseInt(document.getElementById("zzjs_net").offsetHeight,10);

   divWidth = parseInt(document.getElementById("zzjs_net").offsetWidth,10);

   docWidth = document.body.clientWidth;

   docHeight = document.body.clientHeight;

   document.getElementById("zzjs_net").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10);

   document.getElementById("zzjs_net").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10);

  }

  catch(e){}

 }

 function moveDiv()

 {

 try

 {

  if(parseInt(document.getElementById("ww_zzjs_net").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))

  {

   window.clearInterval(objTimer);

   objTimer = window.setInterval("resizeDiv()",1);

  }

  divTop = parseInt(document.getElementById("ww_zzjs_net").style.top,10);

  document.getElementById("ww_zzjs_net").style.top = divTop -1;

  document.getElementById("xx").innerHTML="docHeight="+docHeight+",divHeight="+divHeight+",document.body.scrollTop="+document.body.scrollTop+",document.getElementById('ww_zzjs_net').style.top="+document.getElementById("ww_zzjs_net").style.top;

 }

  catch(e){}

 }

 function minDiv()

 {

  closeDiv();

  document.getElementById('zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("minsizeDiv()",1);

 }

 function maxDiv()

 {

  document.getElementById('zzjs_net').style.visibility='hidden';

  document.getElementById('ww_zzjs_net').style.visibility='visible';

  objTimer = window.setInterval("resizeDiv()",1);



  getMsg();

 }

 function closeDiv()

 {

  document.getElementById('ww_zzjs_net').style.visibility='hidden';

  document.getElementById('zzjs_net').style.visibility='hidden';

  if(objTimer) window.clearInterval(objTimer);

 }

 -->

</script>

</head>

<body>

<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>



<div id="ww_zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;height:60px;margin:0px;overflow:hidden">

  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">

    <tr>

      <td width="100%" valign="top" align="center">

        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">站长特效网</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="最小化" onclick="minDiv()">-</span> <span style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" title="关闭" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

    <tr>

	<!-- 你这个地方就设定height为30了，你外面的div高度也设置为30，可能在这一点IE和firefox、CHROME的处理是不一样的，你在CHROME中并不是只弹出一部分，而是由于高度限制就显示了那么一部分-->

      <td height="30" align="center" valign="middle" colSpan="3">

        <div id="www_zzjs_net">

          <table width="100%" height="100%" cellpadding="0" cellspacing="0">

           <tr>

             <td align="left" height="100%" style="font-size:14px;padding:3px;"><div><p align="center">您已登陆，<a href="http://www.zzjs.net">退出</a>！<br><a href="my.asp" title="站长特效网,www.zzjs.net，欢迎您的到来。">查看我的信息</a></div>

             </td>

            </tr>

          </table>

        </div>

      </td>

    </tr>

  </table>

</div>



<div id="zzjs_net" style="z-index:99999;left:0px;visibility:hidden;width:200px;position:absolute;top:0px;">

  <table cellSpacing="0" cellPadding="0" width="100%" bgcolor="#FFFFFF" border="0">

    <tr>

      <td width="100%" valign="top" align="center">

        <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="70" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">展开图层</span></td>

            <td width="26" class="www_zzjs_net_head"> </td>

            <td align="right" class="www_zzjs_net_head"><span title="还原" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="maxDiv()">□</span><span title="关闭" style="cursor:hand;font-size:12px;font-weight:bold;margin-right:4px;" onclick="closeDiv()">×</span></td>

          </tr>

        </table>

      </td>

    </tr>

  </table>

</div>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><div id="xx"></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 /><br />

</body>

</html>
my5123 2011-03-21
  • 打赏
  • 举报
 回复
感谢楼上，不过试过了，还是不行，因为原来脚本里就是用的document.body.scrollTop
xuxubaby 2011-03-21
  • 打赏
  • 举报
 回复
还是推荐个地址给你吧 ~

http://www.knowsky.com/tools/ad/
KeepMoving 2011-03-21
  • 打赏
  • 举报
 回复
看一下，或许能帮你解决！针对Chrome的Bug
网页右下角飘浮广告 可多幅图切换轮换广
网页右下角飘浮广告，可多幅图切换轮换广告，多样式广告
网页右下角漂浮广告代码
网页右下角漂浮广告代码网页右下角漂浮广告代码网页右下角漂浮广告代码
图片飘浮广告代码
图片飘浮广告代码图片飘浮广告代码
好用的简捷飘浮JS广告
简捷飘浮JS广告，很实用！支持一下！javascript+div
网站飘浮广告、浮动广告代码 可关闭 可重播放大.rar
原生的JS网站飘浮广告代码、浮动广告代码，当用户不需要时，可关闭广告，但并非完全关闭，关闭后缩小成小广告依然显示，在缩小的广告上单击重播功能，可放大到原始的广告状态。这类广告目前网上仍然存在，飘浮在网页上，随网页滚动条的滚动自动固定在某一位置，并可允许用户关掉广告，一般常见于各大门户网站、新闻网站中。本广告代码原型为新浪首页左侧流媒体浮动图标广告代码，经开源爱好者整理后分享。 　　var float_stream_top = 98; // 流媒体上边距 根据需要修改 　　var float_stream_left = -1; // 流媒体左边距 根据需要修改 -1 = 默认居中 　　var float_stream_width = 200; // 流媒体宽度 根据需要修改
JavaScript

87,914

社区成员

224,620

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章