简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > Frameset 搭建品字型框架
Blogger Information
Blog 17
fans 0
comment 0
visits 11604
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
Frameset 搭建品字型框架
指纹指恋的博客
Original
788 people have browsed it

1.制作导航框架

<html>
    <frameset rows="25%,75%">        (上下分开界面)
        <frame src="top.html">    <!--这是头部top>
    
    <frameset cols="25%,75%">        (左右分开界面)
        <frame src="left.html"><!--左边的导航栏>
        <frame src="right.html"  name="mainframe">    <!--右边的主框架,默认进入的首界面，放在left页面链接的第一个-->
    </frameset>
</html>

 

2.制作导航页面（注意target属性）

<html>     <!--这个是left页面-->
    <body>
        <a href="right.html"  target="mainframe">跳转到Test.html</a></br>
        <a href="1.html"  target="mainframe">跳转到Test1.html</a></br>
        <a href="2.html"  target="mainframe">跳转到Test2.html</a></br>
    </body>
</html>

3.frameset和body不可嵌套使用，并不是所有的浏览器都支持frameset，用frameset就不能允许body存在

4.如果不想让框架拖动，在<frame> 标签内嵌入noresize="noresize"

    如:<frame noresize="noresize">

5. <frameset>的border属性可以去除其边框

 


Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！