【实例介绍】
表单水平分割窗口rows
水平分割窗口是将页面沿水平方向切割,也就是将页面分成上下排列的多个窗口。
【基本语法】
<framest rows="框架窗口的高度1、框架窗口的高度2,、···">
<frame src="ur1">
<frame src="ur2">
···
</framest>
【语法介绍】
rows属性的值代表各子窗口的高度,第一个子窗口的高为高度1,第二个子窗口的高为高度2,以此类推,它由逗号分割的像素值或百分比组成。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>水平分割窗口</title> </head> <frameset rows="80,*,120" frameborder="yes" border="1" framespacing="1"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /> <frame src="zhongjian.html" name="mainFrame" id="mainFrame" /> <frame src="foot.html" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" /> </frameset> <noframes><body> </body></noframes> </html>
【代码分析】
在代码中,加粗部分的代码rows="80,120*"标记用于设置水平分割窗口,设置第一个窗口的高度为80px,第2个窗口的高度为120px,第3个窗口的高度是全屏的高度减去前两个窗嘲的高度,在浏览器中预览可以看到页面被分为上、中、下3个窗口,如图所示。
【素材及源码下载】
请点击:水平分割窗口rows 下载本实例相关素材及源码
……