HTML 导航框架
2024-08-31 13:50:59
首页效果图
点击链接一效果图
代码结构
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>frameset</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<frameset rows="25%,50%,25%" cols="*">
<frame src="top.jsp"/>
<frameset rows="*" cols="25%,75%">
<frame src="left.jsp"/>
<frame src="right.jsp" name="showframe"/>
</frameset>
<frame src="bottom.jsp"/>
</frameset>
</html>
top.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>top</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
top...
</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>
<title>left</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
<a href="link1.jsp" target="showframe">链接一</a><br/>
<a href="link2.jsp" target="showframe">链接一</a><br/>
<a href="link3.jsp" target="showframe">链接一</a>
</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>
<title>right</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
welcome...
</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>
<title>bottom</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
bottom...
</body>
</html>
link1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>link1</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
link1...
</body>
</html>
link2.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>link2</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
link2...
</body>
</html>
link3.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>link3</title>
<link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
</head>
<body>
link3...
</body>
</html>
最新文章
- 关于SMARTFORMS文本编辑器出错
- 简单介绍一下python Queue中常用的方法
- Sizeof面试题
- 关于移动app开发的一些不错的站点
- sublime安装
- 多线程 thread和Task的用法以及注意事项
- 织梦(dedecms)系统常用全局变量调用标签及路径
- java中的内存一般分成几部分?
- android数据存储之Sqlite(一)
- linux下jdk安装 failed /usr/local/jdk1.6.0_10/jre/lib/i386/client/libjvm.so
- bespoke_百度百科
- [ExtJS5学习笔记]第22 Extjs5正在使用beforeLabelTpl添加所需的配置选项标注星号标记
- Weex系列二、显示图片
- 解决子级用css float浮动 而父级div没高度不能自适应高度
- Java web 引入wangEditor编辑器
- Dynamics CRM Trace Reader for Microsoft Dynamics CRM
- Nodejs在Ubuntu的部署和配置 samba
- 编写一个求和函数sum,使输入sum(2)(3)或输入sum(2,3),输出结果都为5
- QTP自动化测试
- verilog-产生axis数据流
热门文章
- Migrations有两个文件迁移数据的方法
- Request.QueryString[";id";] 、Request.Params[";id";] 的强大
- 微信小程序中获取高度及设备的方法
- Unity5.0 状态机新增的entry/exit
- 第九章 Python之面向对象
- 前端框架easyui layout, Tabs,tree
- 1.Vector(同步)和ArrayList(异步)异同
- [51nod1074]约瑟夫环V2
- tyvj1864 [Poetize I]守卫者的挑战
- debian 9 添加源