在框架中，可以实现折叠框架效果代码
2007-02-04 13:39
549 查看
Main.htm
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</head>
<frameset rows="102,*" frameborder="NO" border="0" framespacing="0" name="topset">
<frame name="topFrame" scrolling="NO" noresize src="Top.aspx">
<frameset rows="*" cols="204,*" framespacing="0" frameborder="no" border="0" name="middleset">
<frame name="leftFrame" noresize src="left.aspx">
<frameset rows="*" cols="5,*" framespacing="0" frameborder="NO" border="0">
<frame src="spliter.aspx" name="spliterFrame" scrolling="NO" noresize>
<frame name="mainFrame" src="Main.aspx">
</frameset>
</frameset>
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>
</html>
Top.aspx为顶部页
left.aspx为左边菜单页
spliter.aspx为控制页（控制left.aspx）
Main.aspx为默认内容页
spliter.aspx
<%@ Page language="c#" Codebehind="Spliter.aspx.cs" AutoEventWireup="false" Inherits="LiTianPing.Web.Spliter" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Spliter</title>
<style type="text/css">
<!--
a { color: <%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>; text-decoration: none}
a:hover { color:red;text-decoration: none}
-->
</style>
<meta name="CODE_LANGUAGE" Content="C#">
<meta name=vs_defaultClientScript content="JavaScript">
</head>
<body bgcolor='<%=Application[Session["Style"].ToString()+"xspliter_color"]%>' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onMouseOver="if(parent.middleset.cols='0,*'){parent.middleset.cols='<%=Application[Session["Style"].ToString()+"xleft_width"]%>,*'}" onClick="if(parent.middleset.cols!='0,*'){parent.middleset.cols='0,*'}else{parent.middleset.cols='<%=Application[Session["Style"].ToString()+"xleft_width"]%>,*'};" style="cursor: hand">
<form id="Form1" method="post" runat="server">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</p>
<br/>
<table width="5" height="70" border="0" cellpadding="0" cellspacing="0" bgcolor='<%=Application[Session["Style"].ToString()+"xspliter_color"]%>'>
<tr>
<td height="2" bgcolor='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'></td>
</tr>
<tr>
<td><font color='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'>]</font></td>
</tr>
<tr>
<td height="2" bgcolor='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
</head>
<frameset rows="102,*" frameborder="NO" border="0" framespacing="0" name="topset">
<frame name="topFrame" scrolling="NO" noresize src="Top.aspx">
<frameset rows="*" cols="204,*" framespacing="0" frameborder="no" border="0" name="middleset">
<frame name="leftFrame" noresize src="left.aspx">
<frameset rows="*" cols="5,*" framespacing="0" frameborder="NO" border="0">
<frame src="spliter.aspx" name="spliterFrame" scrolling="NO" noresize>
<frame name="mainFrame" src="Main.aspx">
</frameset>
</frameset>
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
</body>
</noframes>
</html>
Top.aspx为顶部页
left.aspx为左边菜单页
spliter.aspx为控制页（控制left.aspx）
Main.aspx为默认内容页
spliter.aspx
<%@ Page language="c#" Codebehind="Spliter.aspx.cs" AutoEventWireup="false" Inherits="LiTianPing.Web.Spliter" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>
<head>
<title>Spliter</title>
<style type="text/css">
<!--
a { color: <%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>; text-decoration: none}
a:hover { color:red;text-decoration: none}
-->
</style>
<meta name="CODE_LANGUAGE" Content="C#">
<meta name=vs_defaultClientScript content="JavaScript">
</head>
<body bgcolor='<%=Application[Session["Style"].ToString()+"xspliter_color"]%>' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onMouseOver="if(parent.middleset.cols='0,*'){parent.middleset.cols='<%=Application[Session["Style"].ToString()+"xleft_width"]%>,*'}" onClick="if(parent.middleset.cols!='0,*'){parent.middleset.cols='0,*'}else{parent.middleset.cols='<%=Application[Session["Style"].ToString()+"xleft_width"]%>,*'};" style="cursor: hand">
<form id="Form1" method="post" runat="server">
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</p>
<br/>
<table width="5" height="70" border="0" cellpadding="0" cellspacing="0" bgcolor='<%=Application[Session["Style"].ToString()+"xspliter_color"]%>'>
<tr>
<td height="2" bgcolor='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'></td>
</tr>
<tr>
<td><font color='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'>]</font></td>
</tr>
<tr>
<td height="2" bgcolor='<%=Application[Session["Style"].ToString()+"xtree_bgcolor"]%>'></td>
</tr>
</table>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- [导入]在框架中，可以实现折叠框架效果代码
- js代码和css代码实现折叠效果
- jquery实现的Accordion折叠面板效果代码
- 用CSS实现竖向圆角效果的折叠菜单代码
- JS实现无限级网页折叠菜单(类似树形菜单)效果代码
- javascript+css代码实现折叠效果
- Android 利用ViewPager实现图片可以左右循环滑动效果附代码下载
- 上传照片代码记录（1） ——实现周围透明灰色，中间可以操作的对话框效果
- js实现带缓冲效果的仿QQ面板折叠菜单代码
- jQuery实现折叠、展开的菜单组效果代码
- jQuery实现的简单折叠菜单(折叠面板)效果代码
- jQuery实现折叠、展开的菜单组效果代码
- 实现折叠效果的JavaScript代码
- JS实现仿QQ面板的手风琴效果折叠菜单代码
- JS实现鼠标滑过折叠与展开菜单效果代码
- jquery实现的Accordion折叠面板效果代码
- JS+CSS实现的竖向简洁折叠菜单效果代码
- jQuery实现有动画淡出效果的二级折叠菜单代码
- Vue 实现展开折叠效果的示例代码
- Quartz以及代码实现--可以实现定时器效果