frameset网页框架布局模式
2015-07-07 23:27
555 查看
//2014年8月29日 16:30:06home.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<frameset rows="80,*,40">
<frame name="top" noresize="noresize" scrolling="no"
src="${pageContext.request.contextPath }/jsp/home/top.jsp"></frame><frameset cols="180,*">
<frame name="left" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/left.jsp"></frame><frame name="right" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/right.jsp"></frame></frameset>
<frame name="bottom" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/bottom.jsp"></frame></frameset>
</head>
<body>
</body>
</html>top.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>这是上面
</body>
</html>bottom.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>这是底部
</body>
</html>left.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.7.2.min.js"></script></head>
<body>
<ul>
<li>
<div onclick="$(this).next().toggle(); " style="cursor:pointer">xx管理</div>
<ul>
<li><a
href="${pageContext.request.contextPath }/userAction?mode=list"target="right">xx管理</a></li>
<li>xx管理</li>
<li>xx管理</li>
</ul></li>
<li>
<div>xx管理</div>
<ul>
<li>xx管理</li>
<li>xx管理</li>
<li>xx管理</li>
</ul>
</li>
</ul>
</body>
</html>right.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
这是右边
</body>
</html>//2014年8月29日 16:30:06 文件： home.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<frameset rows="80,*,40">
<frame name="top" noresize="noresize" scrolling="no"
src="${pageContext.request.contextPath }/jsp/home/top.jsp"></frame><frameset cols="180,*">
<frame name="left" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/left.jsp"></frame><frame name="right" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/right.jsp"></frame></frameset>
<frame name="bottom" noresize="noresize"
src="${pageContext.request.contextPath }/jsp/home/bottom.jsp"></frame></frameset>
</head>
<body>
</body>
</html>top.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>这是上面
</body>
</html>bottom.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>这是底部
</body>
</html>left.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript"
src="${pageContext.request.contextPath }/js/jquery-1.7.2.min.js"></script></head>
<body>
<ul>
<li>
<div onclick="$(this).next().toggle(); " style="cursor:pointer">xx管理</div>
<ul>
<li><a
href="${pageContext.request.contextPath }/userAction?mode=list"target="right">xx管理</a></li>
<li>xx管理</li>
<li>xx管理</li>
</ul></li>
<li>
<div>xx管理</div>
<ul>
<li>xx管理</li>
<li>xx管理</li>
<li>xx管理</li>
</ul>
</li>
</ul>
</body>
</html>right.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
这是右边
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 