FrameSet 简单举例
来源:互联网 发布:rar压缩软件下载 mac 编辑:程序博客网 时间:2024/06/05 17:57
这几天做一个HTML的Demo原型。 考虑到静态页面比较简单,因此没有好好规划就开动了。
结果。 左边的导航栏把偶折磨的快吐血了。 每个画面都要贴一份代码的拷贝。 将近70个页面呢。
哭死。 而且中间还改了好几个版本。 一个一个的贴。 眼泪哗哗的!
main_frame.html的内容
<html>
<head>
<title>FrameSet的例子</title>
<frameset rows="50px,*,50px">
<frame name="top_frame" id="top_frame" src="top_frame.html" />
<frameset cols="100px,*">
<frame name="middle_left_frame" id="middle_left_frame" src="middle_left_frame.html" />
<frame name="middle_right_frame" id="middle_right_frame" src="middle_right_frame.html" />
</frameset>
<frame name="bottom_frame" id="bottom_frame" src="bottom_frame.html" />
</frameset>
</head>
</html>
top_frame.html的内容
<head>
<body>
This is Top Frame
</body>
</head>
middle_left_frame.html的内容
<head>
<body>
This is Middle Left Frame
</body>
</head>
middle_right_frame.html的内容
<head>
<body>
This is Middle Right Frame
</body>
</head>
bottom_frame.html的内容
<head>
<body>
This is bottom Frame
</body>
</head>
下面是效果:
FrameSet 简单语法:
1。FrameSet只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 <BODY> 标记
2。<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序
3。FRAMESET可以嵌套
4.COLS="90,*"
垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字。
5.ROWS="120,*"
这是横向切割,将画面上下分开,数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中,因 Netacape 偶然不能显示这类型的框架,尽量采用多重分割,如以上各例。
6.frameborder="0"
设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。
7.framespacing="5"
表示框架与框架间保留的空白的距离。
8.noresize
设定不让使用者可以改变这个框框的大小,如没有设定此参数,使用者可随意地拉动框架改变其大小。
- FrameSet 简单举例
- frameset
- frameset
- FrameSet
- Frameset
- frameset
- frameset
- frameset
- frameset
- Frameset
- frameset
- frameset
- <frameset>
- frameset
- frameset
- 使用easymock简单举例
- JXL使用简单举例
- 扩展方法简单举例
- php url相关函数
- WebWork学习之result的两种类型(dispatcher、redirect)的比较
- 简单mvc框架Power2php
- shell命令行环境中shell脚本执行的方式
- Wfc.exe进行编译
- FrameSet 简单举例
- 转贴: Comet:基于 HTTP 长连接的“服务器推”技术
- php连接数据库 执行查询的方法
- VC中判断目录,文件是否存在,创建目录的方法
- 转载:资深设计师的30条忠告
- 悲哀。。。。。。。
- 回调函数和消息机制的区别
- CSS与JavaScript编码方法Style属性对照表
- 使用struts2中的datetimepicker标签