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
- frameset网页框架布局模式
- [前端 1] 使用frameset框架构建网页基本布局
- frameset标签用作框架布局
- 网页frameset框架案例1
- 学习HTML,网页框架Frameset
- 关于html框架,布局frameset适用
- 网页框架分离(frameset 使用心得
- 通过 frameset 标签创建网页框架
- frameset 布局
- Frameset布局
- Frameset布局
- Frameset布局
- Frameset布局
- 网页框架与布局
- 用FRAMESET设计网页分割窗口式布局
- 网页设计与布局(frame、frameset和iframe的区别
- 网页设计与布局(frame、frameset和iframe的区别)
- frameset框架
- 完成一个简单的时间片轮转多道程序内核代码(一)
- leetCode 29.Divide Two Integers (两整数相除) 解题思路和方法
- OGNL详解
- Jquery怎么获取元素文档大小、偏移、位置和滚动条位置
- 如何找到系统的usr目录
- frameset网页框架布局模式
- HDU 1548 A strange lift(bfs)
- 设计模式六大原则(6):开闭原则
- poj 3253 Fence Repair(哈夫曼+二叉堆)
- Filter 统一全站编码
- Ubuntu终端常用的快捷键
- Action
- SPOJ COWPIC
- 控制动态资源(Servlet JSP)不要缓存的过滤器