打开/关闭侧栏

最新推荐文章于 2023-10-23 09:41:02 发布

gundumw100

最新推荐文章于 2023-10-23 09:41:02 发布

阅读量473

点赞数

分类专栏： HTML JSP

本文链接：https://blog.csdn.net/gundumw100/article/details/69951917

版权

HTML 同时被 2 个专栏收录

77 篇文章 0 订阅

订阅专栏

JSP

30 篇文章 0 订阅

订阅专栏

manager.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>交易明细查询</title>
</head>

<frameset rows="90,*" cols="*" frameborder="no">
  <frame src="top.jsp" name="topFrame" frameborder="no" scrolling="NO" noresize >
  <frameset id="tFrame" cols="160,20,*" frameborder="no">
    <frame src="left.jsp" name="leftFrame" frameborder="no" scrolling="auto" noresize>
    <frame src="middle.jsp" name="middleFrame" frameborder="no" scrolling="no" noresize>
    <frame src="appmain.jsp" name="mainFrame" frameborder="no">
  </frameset>
</frameset>
<noframes><body>

</body></noframes>
</html>

</body></noframes>
</html>

middle.jsp:

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\
<link rel="stylesheet" href="css/style.css" type="text/css">
<title></title>
<script type="text/javascript">
		var showMenu=true;
		var cols_bak;
		function hideBar(){
			cols_bak="160,20,*";
			window.top.tFrame.cols="0,20,*";
			document.all.menuOn.innerText="显示菜单";
			showMenu=false;
		}
		function showBar(){
			window.top.tFrame.cols=cols_bak;
			document.all.menuOn.innerText="隐藏菜单";
			showMenu=true;
		}
		function isBar(){
			if(showMenu){
				hideBar();
			}else{
				showBar();
			}
		}
</script>
<style type="text/css">
div {
	width:20px;
	height:500px;
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:middle
	}

a {
	position:static;
	+position:relative;
	top:50%;
	
	}


</style>

</head>
<body>
	<div>
		<a href="#" id="menuOn" οnclick="isBar()" >隐藏菜单</a>
	</div>
</body>
</html>