《六窗口框架应用.ppt》由会员分享，可在线阅读，更多相关《六窗口框架应用.ppt（20页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、六六 窗口框架的应用窗口框架的应用n n6.1 6.1 窗口框架的建立窗口框架的建立例例1:1:将窗口水平分为两部分将窗口水平分为两部分窗体分割窗体分割 n n说明说明:1.1.使用使用标记时不能加标记时不能加,若将若将标记加在标记加在标记中将无法正常使用标记中将无法正常使用2.2.标记单个使用标记单个使用,用来定义一个子窗口用来定义一个子窗口,有几个有几个标记就标记就 有有几个子窗口几个子窗口3.3.窗口框架的分割方式有两种窗口框架的分割方式有两种,一种是水平分割一种是水平分割,一种是垂直分割一种是垂直分割,主要是主要是标记中的标记中的rowsrows属性和属性和colscols属性控制窗口
2、的分割方式属性控制窗口的分割方式4.Rows4.Rows属性的使用方法是属性的使用方法是,其中其中n1n1表示表示子窗口一的高度子窗口一的高度,以像素或百分比作单位以像素或百分比作单位,n2,n2表示子窗口二的高度表示子窗口二的高度,以以像素或百分比作单位像素或百分比作单位,”*”,”*”表示分配给前面所有窗口后剩下的高度表示分配给前面所有窗口后剩下的高度,如如,则则”*”*”代表代表50%50%的高度的高度5.Cols5.Cols属性的使用方法和属性的使用方法和rowsrows完全一样完全一样 例例2:2:将窗口垂直分为三部分将窗口垂直分为三部分窗体分割窗体分割 frameset rows=
3、20%,40%,*例例3:3:窗口的水平及垂直混合分割窗口的水平及垂直混合分割窗口的水平和分割窗口的水平和分割 frameset cols=30%,*n n6.2 6.2 子窗口的边框设置子窗口的边框设置例例1:1:将窗口边框加粗将窗口边框加粗窗口框架的粗细窗口框架的粗细说明说明:格式格式,n,n为一整数为一整数,单位像素单位像素思考思考:如何隐藏框架如何隐藏框架,是否设置是否设置border=0border=0就就OK?OK?例例2:2:隐藏所有边框隐藏所有边框窗口框架的隐藏窗口框架的隐藏frameset cols=30%,*frame=07.htmframe=08.htm 例例3:3:隐藏
4、子窗口边框隐藏子窗口边框窗口框架的隐藏窗口框架的隐藏frame=07.htmframe=0frame=09.htm说明说明:frameset=0可以隐藏窗口框架的所有可以隐藏窗口框架的所有子窗口边框子窗口边框,frame,=0则能控制该标记所代则能控制该标记所代表的子窗口表的子窗口.frameorderframeorder=0=0或或1,01,0代表不显示代表不显示,1,1代表显示代表显示,不设置则默认显示不设置则默认显示 n n6.3 6.3 子窗口的设置子窗口的设置例例1:1:在子窗口中插入网页在子窗口中插入网页图片在分割框中的应用图片在分割框中的应用frame=01.htmframe=0
5、2.htm说明说明:在子窗口中显示网页格式在子窗口中显示网页格式frame 例例2:2:窗口滚动条的设置窗口滚动条的设置滚动条的限定滚动条的限定frame=01.htm scrolling=yesframe=03.htm scrolling=no说明说明:设置滚动条设置滚动条frame scrolling=yes,yesauto,yes代代表显示表显示,no,no代表不显示代表不显示,auto,auto代表自动设置代表自动设置,如果不设置则如果不设置则默认为自动设置默认为自动设置 n n6.4 6.4 窗口的导航显示窗口的导航显示例例1:1:在子窗口中加入显示导航信息的网页在子窗口中加入显示导
6、航信息的网页子窗口的网页连接子窗口的网页连接frame frame n n04.htm04.htm的代码如下的代码如下:0404a=02.htm target=main连接一连接一a 连接二连接二a 连接三连接三 n n02.htm02.htm的代码如下的代码如下:0202 n n01.htm01.htm的代码如下的代码如下:0101 例例2:2:在上层窗口中显示网页在上层窗口中显示网页上层的网页显示上层的网页显示frame frame n n2.htm2.htm如下如下:10_110_1第一个窗口第一个窗口n n3.htm3.htm代码如下代码如下:10_210_2frame frame n
7、 n4.htm4.htm代码如下代码如下:10_310_3第二个窗口第二个窗口n n5.Htm5.Htm代码如下代码如下:10_410_4a 连接一连接一a 连接二连接二 n n6.5 6.5 神奇的神奇的iframeiframe标记标记利用利用iframeiframe标记标记,可以配合表格随意地在网页中的任何位置可以配合表格随意地在网页中的任何位置插入窗口插入窗口,即在窗口中再创建窗口即在窗口中再创建窗口例例1:1:在在iframeiframe窗口中显示所链接的网页窗口中显示所链接的网页IFRAMEIFRAME窗口的任意应用窗口的任意应用a 央视网站央视网站a 新浪网站新浪网站a 搜狐网站搜
8、狐网站 n n说明说明:的属性的属性Width:Width:控制窗口的宽度控制窗口的宽度,数字数字(像素或百分比单位像素或百分比单位)height:height:控制窗口的高度控制窗口的高度,数字数字(像素或百分比单位像素或百分比单位)FrameborderFrameborder:控制是否显示边框控制是否显示边框,yes,yes或或nono或或autoautoScrolling:Scrolling:控制是否显示滚动条控制是否显示滚动条,yes,yes或或nonoSrc:Src:设置插入的网页或图片设置插入的网页或图片 例例2:2:在在iframeiframe窗口中直接显示网页窗口中直接显示网页IFRAMEIFRAME窗口中直接显示网页或图片窗口中直接显示网页或图片 例例3:3:在在iframeiframe窗口中播放窗口中播放flashflash文件文件在在IFRAMEIFRAME窗口中播放窗口中播放FLASHFLASH电影文件电影文件 td width=50=yellow td width=50=yellow/