徐小峰 发表于 2016-1-30 13:17:07

web后台窗口分帧技术-frameset

<!DOCTYPE html>
<html lang="en">
<head>
    <title>窗口分帧的使用</title>
    <meta charset="UTF-8">
</head>
    <frameset border="0" framespacing="0" rows="76,*" >
      <frame scrolling="no" frameborder="no" src="header.html" name="header-frame" />
      <frameset border="0" framespacing="0" cols="200,10,*">
            <frame scrolling="yes" frameborder="no" src="menu.html" name="menu-frame" />
            <frame scrolling="no" frameborder="no" src="drag.html" name="drag-frame" />
            <frame scrolling="yes" frameborder="no" src="main.html" name="main-frame" />
      </frameset>
    </frameset>
</html>
                                                                                                --demo.html
<p>头部自己用div等等布局</p>
                                                                                                --header.html
<a href="http://www.baidu.com" target="main-frame">百度</a>
<br/>
<a href="http://www.sina.com.cn" target="main-frame">新浪</a>
                                                                                                --menu.html
<p>hello</p>
                                                                                                --main.html


你们看了可能会问drag-name 有什么作用之类的,这个其实是为了将来拖拉menu菜单用的。
我来稍微讲解下把,scrolling是滚动条的意思 frameborder是有无边框的意思 framespacing 框架集边框宽度
border边框宽度

这里面都是通过给出name来实现的各自板块的互联。知道这点,以后再编写就好了

zhouxcpython 发表于 2016-6-1 09:57:51

感谢分享
页: [1]
查看完整版本: web后台窗口分帧技术-frameset