代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Admin_Index" %><!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" >
<script language="javascript" type="text/JavaScript">
<!--var StyleSheetPath="<%=StyleSheetPath%>";function switchSysBar()
{
var obj = document.getElementById("switchPoint");
if (obj.alt == "关闭左栏")
{
obj.alt = "打开左栏";
obj.src = "" + StyleSheetPath + "Images/butOpen.gif";
document.getElementById("frmTitle").style.display="none";
var width,height
width=document.body.clientWidth-12;
height=document.body.clientHeight-78;
document.getElementById("main_right").style.height=height;
document.getElementById("main_right").style.width=width;
}
else
{
obj.alt = "关闭左栏";
obj.src = "" + StyleSheetPath + "Images/butClose.gif";
document.getElementById("frmTitle").style.display="";
onload();
}
}-->
</script>
<head runat="server">
<title>无标题页</title>
</head>
<body id="Indexbody" onload="onload();">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<form id="myform" runat="server">
<div id="content">
<ul id="ChannelMenuItems" runat="server">
</ul>
<div id="SubMenu" runat="server">
欢迎管理员: <font color="red"><%=AdminName %></font> 登录!</div>
<div id="Announce">
<a href="#" target="_blank" title="访问首页">访问网站首页</a> | <a href="#" target="_blank" title="网站帮助">帮助</a> | <a href="logout.aspx" title="退出">退出</a></div>
</div>
</form>
</td>
</tr>
<tr style="vertical-align: top;">
<td id="frmTitle">
<iframe frameborder="0" id="left" name="left" scrolling="auto" src="Guide.aspx" style="width: 195px;
height: 800px; visibility: inherit; z-index: 2"></iframe>
</td>
<td onclick="switchSysBar()" class="but" style="width: 13px">
<img id="switchPoint" src="<%=StyleSheetPath%>/Images/butClose.gif" alt="关闭左栏" style="border: 0px;
width: 12px;" />
</td>
<td>
<iframe frameborder="0" id="main_right" name="main_right" scrolling="no" src="main.aspx"
style="width: 100%; height: 100%;"></iframe>
<div class="clearbox2" />
</td>
</tr>
</table>
<script type="text/javascript">
<!--
function onload()
{
var width = document.body.clientWidth - 190 - 17;
var height = document.body.clientHeight - 78;
parent.document.all("main_right").style.height=document.body.scrollHeight;
parent.document.all("main_right").style.width=document.body.scrollWidth;
document.getElementById("left").style.height = height > 0 ? height : 0;
}
window.onresize = onload; -->
</script></body>
</html>目前效果图:期望实现的效果图:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx.cs" Inherits="Admin_Index" %><!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" >
<script language="javascript" type="text/JavaScript">
<!--var StyleSheetPath="<%=StyleSheetPath%>";function switchSysBar()
{
var obj = document.getElementById("switchPoint");
if (obj.alt == "关闭左栏")
{
obj.alt = "打开左栏";
obj.src = "" + StyleSheetPath + "Images/butOpen.gif";
document.getElementById("frmTitle").style.display="none";
var width,height
width=document.body.clientWidth-12;
height=document.body.clientHeight-78;
document.getElementById("main_right").style.height=height;
document.getElementById("main_right").style.width=width;
}
else
{
obj.alt = "关闭左栏";
obj.src = "" + StyleSheetPath + "Images/butClose.gif";
document.getElementById("frmTitle").style.display="";
onload();
}
}-->
</script>
<head runat="server">
<title>无标题页</title>
</head>
<body id="Indexbody" onload="onload();">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3">
<form id="myform" runat="server">
<div id="content">
<ul id="ChannelMenuItems" runat="server">
</ul>
<div id="SubMenu" runat="server">
欢迎管理员: <font color="red"><%=AdminName %></font> 登录!</div>
<div id="Announce">
<a href="#" target="_blank" title="访问首页">访问网站首页</a> | <a href="#" target="_blank" title="网站帮助">帮助</a> | <a href="logout.aspx" title="退出">退出</a></div>
</div>
</form>
</td>
</tr>
<tr style="vertical-align: top;">
<td id="frmTitle">
<iframe frameborder="0" id="left" name="left" scrolling="auto" src="Guide.aspx" style="width: 195px;
height: 800px; visibility: inherit; z-index: 2"></iframe>
</td>
<td onclick="switchSysBar()" class="but" style="width: 13px">
<img id="switchPoint" src="<%=StyleSheetPath%>/Images/butClose.gif" alt="关闭左栏" style="border: 0px;
width: 12px;" />
</td>
<td>
<iframe frameborder="0" id="main_right" name="main_right" scrolling="no" src="main.aspx"
style="width: 100%; height: 100%;"></iframe>
<div class="clearbox2" />
</td>
</tr>
</table>
<script type="text/javascript">
<!--
function onload()
{
var width = document.body.clientWidth - 190 - 17;
var height = document.body.clientHeight - 78;
parent.document.all("main_right").style.height=document.body.scrollHeight;
parent.document.all("main_right").style.width=document.body.scrollWidth;
document.getElementById("left").style.height = height > 0 ? height : 0;
}
window.onresize = onload; -->
</script></body>
</html>目前效果图:期望实现的效果图:
我现在实现的,右面有两个滚动条,一个是ie自身的,一个是右面iframe包含的main.aspx这个文件的滚动条
<!--
function onload()
{
var width = document.body.clientWidth - 190 - 17;
var height = document.body.clientHeight - 78;
parent.document.all("main_right").style.height=document.body.scrollHeight;
parent.document.all("main_right").style.width=document.body.scrollWidth;
document.getElementById("left").style.height = height > 0 ? height : 0;
document.body.scroll='no';
}
window.onresize = onload; -->
</script> 我在onload()函数里加上了那句,但是还有个小问题,就是刚一打开页面的时候会显示一下ie自身的滚动条,之后就没了,达到了想要的效果,可是刚打开和每次刷新页面的时候ie自身的滚动条都会闪一下,先出现闪一下就没了,怎么可以让它不闪呢?
直接在主页面的body标签里写上scroll="no"就行了,别加在onload事件里。