问题是这样的:我做了一个类似浮动广告的网页,单页显示很正常,但是当反实验室加载到一个iframe的框架上时就不再随窗口的流动而流动了。弄的我这几天是头晕脑胀啊。
下面是代码:
浮动广告页 bottom.html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>bottom</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="margin:0px;">
<div align="center">
  <table border="1" width="776" height="3000" cellspacing="0" cellpadding="0">
    <tr>
      <td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>页<br>面<br>区<br>域</div></td>
    </tr>
  </table>
</div>
<script language="javascript" type="text/javascript">
<!--
var showad = true;        //是否显示广告
var Toppx = 60;            //上端位置
var AdDivW = 100;        //宽度
var AdDivH = 360;        //高度
var PageWidth = 800;    //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024;    //显示广告的最小屏幕宽度象素var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>广<br>告<br>内<br>容</div>';
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
    if(!showad){return;}
    if (window.screen.width<MinScreenW){
        alert("临时提示:\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
        showad = false;
        document.getElementById("Javascript.RightDiv").style.display="none";
        return;
    }
    var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;    
    document.getElementById("Javascript.RightDiv").style.display="";
    document.getElementById("Javascript.RightDiv").style.top=(document.documentElement.scrollTop+Toppx)+"px";
    document.getElementById("Javascript.RightDiv").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx)+"px";
}function hidead()
{
    showad = false;
    document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</script>
</body>
</html> 框架主页 index.html<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
    //这是动态调整框架高度的代码
    function resizeIframe()
    {
        //获取对象
        var head = document.getElementById("head");
        var middle = document.getElementById("middle");
       
       //中间页面中id为mian的DIV
        var middleMainDiv = middle.contentWindow.document.getElementById("main");
        try
        {
            //根据实际页面大小调整高度
            head.height = head.contentWindow.document.body.scrollHeight;
            middle.height = middle.contentWindow.document.body.scrollHeight;
           
            //alert(middle.contentWindow.document.body.scrollHeight);
           
           if(middle.contentWindow.document.body.scrollHeight < 720) //准确值为713
            {
                //调整DIV的高度
                if(middleMainDiv.style.height < 580)
                {
                    middleMainDiv.style.height = 580;
                }
            }
        }
        catch (ex){}
    }
    //定时执函数(经过测试,这样做对CPU利用率的影响几乎为零)
    window.setInterval("resizeIframe()", 200);
   </script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<div><iframe id="head" name="head" src="top.html" frameborder="0"  marginwidth="0" scrolling="no" width="100%"></iframe>
<iframe id="middle" name="middle" src="bottom.html" frameborder="0" marginwidth="0" scrolling="no" width="100%" ></iframe>
</div>
</html>top.html页内容是空的,主要是想实现浮动广告在框架下能随着窗口的流动使其始终流动显示在窗口内。

解决方案 »

  1.   

    能把页面url发上来就更好了。
      

  2.   

    net_lover:不是你说的那个意思,就是bottom.html单独打开没问题,但是加到<iframe id="middle" name="middle" src="bottom.html" frameborder="0" marginwidth="0" scrolling="no" width="100%" ></iframe>
    这里就浮动广告就不滚动了,不知为什么!希望高手指点。
    总计三个网页,top.asp没内容,把上面的两个网页代码按相应的名字保存,你就理解我的意思了。如果能帮我解决了,我会另多加分的,谢谢!