您的当前位置:首页正文

HTMLFrameset例子代码

2020-06-27 来源:汇意旅游网
HTMLFrameset例⼦代码

这⼀篇,介绍⼀个Frameset做的简单到不能再简单的框架。

好先来看看这个框架的页⾯构成,由于是纯⼿⼯做的测试程序,所以只是在Notepa++中做了⼀下代码,很粗略。但是还是包含了Frameset中的⼤致内容的。好,⾔归正传,⾸先看⼀下⽂件构成。1.Frame.html包含框架的结构2.link.html包含框架左侧菜单栏

3.firstPage.html包含框架主页⾯的⼀⾏⽂字(个⼈⽐较懒,没有好好做)4.secondPage.html和上⾯3类似,⽤于测试。下⾯是⼀个截图(不清晰,第⼀次搞这个东西)

先看⼀下Frame.htm中的代码:

是不是感觉很简单?主要就是⼀个Frameset元素,然后设置了cols=\"159px,*\"这个属性。这个属性的作⽤就是将页⾯分割成159px和其他两块区域。如上图所⽰。

然后是frame标记,上⾯的cols属性有⼏个值下⾯的⼦元素相应的也应该有⼏个。然后是⼀些常见的属性。包括边框的宽度,是否出现滚动条,边框颜⾊,是否允许⽤户改变⼤⼩。源⽂件是哪个等等⼀些属性。 然后第⼆个的源⽂件指向firstPage作为测试⽤。接下来是link.html:

这个其实就偷懒了,是从⽹上找的⼀个DIV+CSS+JS做的⼀个下拉菜单,有兴趣的可以⾃⼰看⼀下,我感觉⾃⼰能⽤起来,知道怎么改就OK了。

下⾯是两个测试页⾯,由于这连个测试页⾯稍微懂点HTML的都能写出来,这⾥就只贴出页⾯1的代码:

第⼀个页⾯

第⼀个页⾯

估计⾼⼿看到这都要吐了,⼀定说很垃圾,不过只是记录下⾃⼰做的⼩东西。呵呵,见谅了啊。

因篇幅问题不能全部显示,请点此查看更多更全内容