frameset网页框架布局模式

原创 2015年07月07日 23:27:33


//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>
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

frameset网页框架布局模式

//2014年8月29日 16:30:06 home.jsp: page language="java" import="java.util....

网页框架与布局

1、网页框架与布局 从我们的需求以及美观方面,现在于网页布局上考虑的就是以下几点: (1)视觉框架 固定的模版,相同的布局框架,标志性的醒目信息栏 (2)面板规划 用可移动或收起的面板显示大...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

关于html框架,布局frameset适用

在页面布局时,很多时候网页分为头部,主体,和尾部。这时就用到了frameset、frame标签,当模块超过两个就考虑适用frameset。 frameset的rows属性控制的是页面分为几行,而co...

html之frameset页面布局

使用frameset进行系统页面布局要生成的效果如下: 建立个主页面 index.html frameborder:设置是否显示框架的边框 yes是显示,no是不显示 rows:横向分割...

frameset与frame页面布局

浏览器窗口布局,也是web项目必备的知识。         要想让页面整齐有序,就需要给窗口分区域,就像本子上写字一样,遵循一定的规则,比如:上留天下留底,左右留边距,这样看起来会更美观。web页面布...

YII框架页面使用frameset布局(一)

1.下载模版 2.protected\views\index,

frame,iframe,frameset之间的关系与区别

frameset        它称为框架标记,是用来告知HTML文件是框架模式,并且设定可视窗口怎么分割 fram         ...
  • ltx06
  • ltx06
  • 2016-04-25 09:02
  • 470

Frameset布局

■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL。只 要 即可,而所有框架标记 要放在一个总起的 html 档,这个档案只记录了该框架 如何划分,不会显示任何资料...

Frameset布局

原文地址:http://captaincook.iteye.com/blog/365634     ■ 框架概念 : 所谓框架便是网页画面分成几个...

简单的网页布局实战(表格与HTML框架)

学了html一些最常用的标签后,我们需要自己动手实战,首先,我们主要运用表格相关的标记实现网页布局,先来看一张效果图: 大概思路是整个网页被分成三大块,头部,中部(左部和右部),底部。中部又被分...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)