frameset网页框架布局模式

来源:互联网 发布:西安网络直播招聘 编辑:程序博客网 时间:2024/05/19 00:40


//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>
//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>
0 0
原创粉丝点击