主页面:
<frameset name="MainFrame" rows="*" cols="200,8,*" framespacing="0" frameborder="0" border="0" id="MainFrame">
<frame name="LeftFrame" src="left.aspx" scrolling="auto" noresize="true" >
<frame name="HideFrame" src="HideBar.aspx" scrolling="no" noresize="true">
<frame name="WorkFrame" src="content.aspx">
</frameset>
HideBar.aspx代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="TreeHideBar.aspx.cs" Inherits="Energy_TreeHideBar" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
<title>NavigationHide</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
background-image: url(../App_Themes/Image/bar.gif);
border-right: #005AC5 1px solid;
}
-->
</style>
</head>
<script language="JavaScript" type ="text/javascript">
function ChangeVisible()
{
if(parent.document.getElementById('MainFrame').cols != "0,8,*")
{
parent.document.getElementById('MainFrame').cols = "0,8,*";
document.all.menuSwitch.innerHTML = "<a href='#' onclick='ChangeVisible();'><img src='index_arrow2.gif' width='8' height='48' border='0'></a>";
}
else
{
parent.document.getElementById('MainFrame').cols = "200,8,*";
document.all.menuSwitch.innerHTML = "<a href='#' onclick='ChangeVisible();'><img src='index_arrow1.gif' width='8' height='48' border='0'></a>";
}
}
</script>
<body >
<table width="8" height="100%" border="0" cellpadding="0" cellspacing="0" background="Image/bar.gif">
<tr>
<td valign="middle" id="menuSwitch"><a href="#" onclick="ChangeVisible();"><img src="index_arrow1.gif" width="8" height="48" border="0"></a></td>
</tr>
</table>
</body>
</html>