zoukankan      html  css  js  c++  java
  • 实现页面的分帧显示

    实现页面的分帧显示
                电子科技大学软件学院03级2班 周银辉


    ,Frame,可以将显示区域分割成几个显示页面,每个页面占据一个帧。

    比如CSDN的社区就可以很明显的看见页面被分成两个部分,我们可以左右拖动中间的滚动条以调整两部分所占页面的比例。

    图1frame.bmp

    一个简单的实现方法是这样的:
    将显示区域分为左右两个区域,左区域显示链接菜单,点击左边链接时在右区域显示相应页面。

    图2
    frame2.bmp


    ------------------------------------
    示例:

    假设我们将显示区域分为左右两个区域(分别占25%与75%),左边显示菜单,右边显示对应页面。

    菜单页面:
    menu.htm:

    <html>
        <head>
            <title>left</title>
        </head>

        <body>
            <p>
                <a href="right_1.htm" target="main">页面1</a>
                <br><br>   
                <a href="right_2.htm" target="main">页面2</a>
            </p>
        </body>


    </html>

    页面1:

    <html>
        <head>
            <title>right_1</title>
        </head>

        <body>
       
            <p>
                <font color="red">这是页面1</font>
            </p>

        </body>


    </html>

    页面2:

    <html>
        <head>
            <title>right_2</title>
        </head>

        <body>
       
        <p>
            <font color="green">这是页面2</font>
        </p>

        </body>


    </html>

    如何组织它们:
    index.htm:

    <html>
        <head>
            <title>帧示例</title>
        </head>

        <frameset cols="25%,*">
            <frame src="menu.htm" scrolling="no" name="left">
            <frame src="right_1.htm" scrolling="auto" name="main">
        </frameset>

    </html>

    ------------------------------------

    对index.htm的解释:

    <frameset></frameset>:帧设置,我们将显示区域分成左右两个区域,实际上就时设置了左右两个帧。

    <cols="25%,*">: frameset的一个属性,表示按照列为主序,也就时分成几个怎样的列,这里分成了两个
    ,第一列占总宽度的25%,你可以采用象素值比如200而不是这里的百分比,*号表示剩余的,这里剩余的
    全部给了另以列,如果有几个*号,则它们平均分配生育的,又比如cols="200,*,*",共三列,第一列200象素,
    剩余的平均分配给另两列。除此之外还有rows属性,与cols用法相同,比如 rows="25%,35%,*",cols="30%,*"
    则将显示区域分为三行两列共6帧。

    <frame>表示一个帧,利用它的属性对该帧进行具体设置,src属性表示该帧初始时的页面文件,name属性表示
    该帧名称,scr与name属性必须显式指明,scrolling表示滚动方式(no,auto或yes),如果在frame中加入noresize
    属性则用户不可调整帧大小。


    对menu.htm的解释:

    <a href="right_1.htm" target="main">页面1</a>:注意这里的target属性,是你设置的某个帧的name属性值,
    这使链接打开的新页面在指定的该帧中显示(否则,如果在新窗口中打开,我们忙碌了半天的此项工作也就
    没有意义了).














  • 相关阅读:
    安装和使用Glassfish
    3GP 的 DASH设计原则与标准
    hdu 2686 Matrix 最小费用最大流 或 多线程DP
    [Win32]客户端程序
    二叉查找树中节点的删除。
    Android:获取屏幕完整宽高,包含状态栏
    Django学习总结之五模型
    畸形的从业观
    调试版本和发行版本
    jsp中常见的错误处理(未完待续)
  • 原文地址:https://www.cnblogs.com/zhouyinhui/p/414942.html
Copyright © 2011-2022 走看看