asp.net隐藏左导航栏菜单

最新推荐文章于 2025-06-24 12:38:51 发布

原创最新推荐文章于 2025-06-24 12:38:51 发布 · 4.8k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#asp.net #border #stylesheet #xhtml #工具

关于C#/asp.net技术文章专栏收录该内容

38 篇文章

订阅专栏

这篇博客介绍了如何在ASP.NET的网页中通过JavaScript和CSS实现左导航菜单的隐藏与显示功能。内容包括两个关键页面Default.aspx和menuswitch.aspx的代码展示，以及JavaScript函数oa_tool()的详细解释，该函数根据用户操作改变frameset的列宽，从而达到切换导航栏显示状态的效果。

Default.aspx页面代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<body>

</body>
</html>

menuswitch.aspx页面代码：
<style type="text/css">

</style>
<link href="Css/css.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
<script>
function oa_tool(){
if(window.parent.oa_frame.cols=="0,8,*"){
frameshow.src="images/index_06.jpg";
oa_tree.title="隐藏工具栏"
window.parent.oa_frame.cols="137,8,*";
}
else{
frameshow.src="images/index_07.jpg";
oa_tree.title="显示工具栏"
window.parent.oa_frame.cols="0,8,*";}
}
</script>
<table height="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td width="8" bgcolor="#C0D5F4"> <div id=oa_tree onclick="oa_tool();" title=隐藏工具栏><a href="#"><img id=frameshow src="images/index_06.jpg" width="8" height="50" border="0"></a></div></td></tr></table>