点击隐藏显示左边菜单

最新推荐文章于 2021-05-30 21:59:57 发布

Miya_HQ

最新推荐文章于 2021-05-30 21:59:57 发布

阅读量1.6k

点赞数

分类专栏： js 文章标签： path stylesheet string html import browser

本文链接：https://blog.csdn.net/huqiong1027/article/details/7280373

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1.新建一个中间界面menubtn.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link
href="library/css/default.css"
rel="stylesheet" type="text/css" />
<title>无标题文档</title>
</head>
<script src="library/js/detect_browser.js"></script>
<script language="javascript">
function HideOrShow(){

if( parent.document.getElementById('framess').cols=="0,16,*"){
document.getElementById("pic").title="点击隐藏导航菜单";
document.getElementById("pic").src='images/firstPageOn.jpg'
parent.document.getElementById('framess').cols='220,16,*';

}
else{

document.getElementById("pic").title="点击显示导航菜单";
document.getElementById("pic").src='images/lastPageOn.jpg'
parent.document.getElementById('framess').cols='0,16,*';
}
}
</script>
<body
class="menubtn" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
>
<table height="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td>
<img id="pic" name="pic" style="cursor: pointer"
src="images/firstPageOn.jpg" height="16px" width='16px'
οnclick="HideOrShow()" >
</td>
</tr>
</table>
</body>
</html>

2.再在主页面中添加一个框架menubtn

<FRAMESET frameSpacing=0 rows=100,* frameBorder=0><FRAME name=top src="<%=path %>/top.jsp" frameBorder=0 noResize
scrolling=no>

<FRAME name=menu src="<%=path %>/left.jsp" frameBorder=0 noResize>

<FRAME name=menubtn src="<%=path %>/menubtn.jsp" frameBorder=0 noResize>

<FRAME name=dmMain src="<%=path %>/index.jsp" frameBorder=0></FRAMESET><NOFRAMES>
<p>
This page requires frames, but your browser does not support them.</p>
</NOFRAMES></FRAMESET></HTML>