六窗口框架的应用.pptVIP

六 窗口框架的应用 6.1 窗口框架的建立 例1:将窗口水平分为两部分 html head title窗体分割/title /head frameset cols=30%,* frame frame /frameset /html 说明: 1.使用frameset标记时不能加body, 若将frameset标记加在body标记中将无法正常使用 2.frame标记单个使用,用来定义一个子窗口,有几个frame标记就 有几个子窗口 3.窗口框架的分割方式有两种,一种是水平分割,一种是垂直分割,主要是frameset标记中的rows属性和cols属性控制窗口的分割方式 4.Rows属性的使用方法是frameset rows=“n1,n2,…,*”,其中n1表示子窗口一的高度,以像素或百分比作单位,n2表示子窗口二的高度,以像素或百分比作单位,”*”表示分配给前面所有窗口后剩下的高度,如frameset rows=“20%,30%,*”,则”*”代表50%的高度 5.Cols属性的使用方法和rows完全一样 例2:将窗口垂直分为三部分 html head title窗体分割/title /head frameset rows=20%,40%,* frame frame frame /frameset /html 例3:窗口的水平及垂直混合分割 html head title窗口的水平和分割/title /head frameset cols=30%,* frame frameset rows=60%,* frame frame /frameset /html 6.2 子窗口的边框设置 例1:将窗口边框加粗 html head title窗口框架的粗细/title /head frameset cols=30%,* frame frameset rows=30%,* border=15 frame frame /frameset /html 说明:格式frameset border=n,n为一整数,单位像素 思考:如何隐藏框架,是否设置border=0就OK ? 例2:隐藏所有边框 html head title窗口框架的隐藏/title /head frameset cols=30%,* frameborder=0 frame src=07.htm frame src=08.htm /frameset /html 例3:隐藏子窗口边框 html head title窗口框架的隐藏/title /head frameset cols=30%,30%,* frame src=07.htm frame src=08.htm frameborder=0 frame src=09.htm /frameset /html 说明:frameset frameborder=0可以隐藏窗口框架的所有子窗口边框,frame frameborder=0则能控制该标记所代表的子窗口.frameorder=0或1,0代表不显示,1代表显示,不设置则默认显示 6.3 子窗口的设置 例1:在子窗口中插入网页 html head title图片在分割框中的应用/title /head frameset cols=40%,* frame src=01.htm frame src=02.htm /frameset /html 说明:在子窗口中显示网页格式frame src=html文件的位置 例2:窗口滚动条的设置 html head title滚动条的限定/title /head frameset cols=30%,* frame src=01.htm scrolling=yes frame src=03.htm scrolling=no /frameset /html 说明:设置滚动条frame scrolling=yes或no或auto,yes代表显示,no代表不显示,auto代表自动设置,如果不设置则默认为自动设置 6.4 窗口的导航显示 例1:在子窗口中加入显示导航信息的网页 html head title子窗口的网页连接/title /head frameset cols=30%,* frame src=04.htm name=menu frame src=01.htm name=main /frameset /html 04.htm的代码如下: html head title04/title /head body a href=02.htm target=main连接一/ap a href= target=main连接二/ap a href= target=main连接三/ap /bod