精华内容
下载资源
问答
  • 好看的frameset实例

    2013-09-18 23:35:31
    网页制作中常用的frame效果模板,很好看
  • frameset实例

    2009-03-24 12:29:00
    (3) <frameset cols="20%,*"> (4)  (5) 语言教程1.htm"> (6) </frameset> (7) host.htm (1) (2) <head><title>超链接与框架的制作</title></head> (3) (4) 语言教程1....

    页面分左右两部分,点击左边的html文字后,新页面在右边部分显示。主要记住“target”属性。

    下面我来告诉大家各个网页的制作方法。

     

    main.htm

    (1) <html>
    (2) <head><title>超链接与框架的制作</title></head>
    (3) <frameset cols="20%,*">
    (4)       <frame name="index" src="host.htm">
    (5)      <frame name="content" src="html语言教程1.htm">
    (6) </frameset>
    (7) </html>

    host.htm

    (1) <html>
    (2) <head><title>超链接与框架的制作</title></head>
    (3) <body>
    (4)      <a href="html语言教程1.htm" target="content">html语言教程1</a><br />
    (5)      <a href="html语言教程2.htm" target="content">html语言教程2</a><br />
    (6)      <a href="html语言教程3.htm" target="content">html语言教程3</a>
    (7) </body>
    (8) </html>

    转载于:https://www.cnblogs.com/mslove/archive/2009/03/24/1420400.html

    展开全文
  • ssh+frameset 简单实例

    2012-02-29 09:38:21
    配置了spring 3.0.5 + hibernate 3.6 + struts 2.2.3 一个简单的frameset 权限跳转静态页面
  • frameset框架集实例

    千次阅读 2018-05-27 18:37:23
    设置将页面分为几行,设置高度形如 cols:设置将页面分为几列,形如特别提醒:frameset不要和body放在同一个html文件内2.framescrolling:设置分框是否可以滑动实例:页面介绍:页面分为三部分下面是代码:&...

    首先,来简单介绍一下这个标签的用法

    1.frameset

        rows:设置将页面分为几行,设置高度形如


        cols:设置将页面分为几列,形如

    特别提醒:frameset不要和body放在同一个html文件内

    2.frame

    scrolling:设置分框是否可以滑动

    实例:

    页面介绍:页面分为三部分

    下面是代码:

    <!DOCTYPE >
    <html>
    <head>
    	<meta charset="utf-8">
    	<title></title>
    </head>
    <!--
    	frameset
    	rows:设置将页面分为几行,设置高度形如
    	cols:设置将页面分为几列,形如
    	frame:
    	scrolling:设置分框是否可以滑动
    	
    
    -->
    <frameset rows="25%,75%">
    
      <frame src="box.html" scrolling="no">
      <frameset cols="50%,50%">
      	
    <frame src="ackb.html"name="zhuce">
    <frame src="form lianxi.html"/>
    
    </frameset></frameset></html>

    当然这里只是页面的一个框架部分,你需要使用用超链接在框架中放入内容。(这个就看自己咯)

    好了,说说我的页面吧!我们依次将他们分为A,B,C。

    A是一个普通页面,不过其中有一个小链接,使用它可以在B中打开C(和上图对比看哟)

    实现代码:

    在A的html文件中插入超链接

    			<a href="form lianxi.html" target="zhuce">注册</a>

    在框架文件中写入代码

    <frame src="ackb.html"name="zhuce">

    这样就完成了一个极其实用的提升了。




    展开全文
  • frameset 标签,代替body标签定义了框架页,并且定义了框架将分为多少行与多少列frameset 标签常用属性cols – 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比% rows – 定义了框架...

    frameset 标签,代替body标签定义了框架页,并且定义了框架将分为多少行与多少列

    • frameset 标签常用属性

      • cols – 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%
      • rows – 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%
      • border – 定义frame定义的框架页的边框(单位像素),使用css实现
      • frameborder – 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
      • framespacing – 定义框架页之间间隔的距离,使用css实现
    • <noframes>标签

      可为那些不支持框架的浏览器显示文本,和组合使用可以做为浏览器不支持iframe标签时显示

    • <iframe>标签

      创建一个包含另外一个文档的内联框架,iframe标签内的内容。

    • <frame>标签

      定义frameset标签中每个框架页的内容frame标签是单独出现的,<frame />

    常用属性:

    • frameborder – 定义了内容页的边框,取值为(1|0),缺省值为1。
      • 1 – 在每个页面之间都显示边框
      • 0 – 不显示边框
    • name – 在一个框架页链接到另一框架页时使用(另一个框架页可以使用target定义链接页)
    • noresize – 定义了浏览者是否可以通过拖拽改变框架页尺寸,取值为(noresize)
    • scrolling – 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
    • yes – 显示滚动条
    • no – 不显示滚动条
    • auto – 当需要时再显示滚动条
    • src – 定义了内容页URL
    • border – 设置边框粗细

    学生管理系统简单实例

    这里写图片描述

    代码示例

    <!doctype html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>学生管理系统</title>
    </head>
        <frameset rows="100,*" border="2">
            <frame src="top.html" name="top" />
            <frameset cols="200,*" border="2">
                <frame src="menu.html" name="menu" />
                <frame src="main.html" name="main"/>
            </frameset>
        </frameset>
    </html>

    【top.html】

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>top</title>
    </head>
    <body>
        <center><h1>学生管理系统</h1></center>
    </body>
    </html>

    【menu.html】

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>menu</title>
        <style type="text/css">
            a:visited{color:red;}
        </style>
    </head>
    <body>
    <a href="#">目录</a><br><br>
    <a href="main.html" target="main">用户登录</a><br><br>
    <a href="#">浏览用户</a>
    </body>
    </html>

    【main.html】

    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>用户登录界面</title>
    </head>
    <body background="./res/bg03.jpg">
        <table background="./res/bg.gif" width="522" height="222" align="center">
            <caption>
                <h3>用户登录界面</h3>
            </caption>
            <tr>
                <td align="center">
                    <form action="a.php">
                        密码:<input type="text" name="username"/><br /><br />
                        帐号:<input type="password" name="pwd"/><br /><br />
                        <input type="submit" value="登 录" />
                        <input type="reset" value="重 写" />
                    </form>
                </td>
            </tr>
        </table>
    </body>
    </html>
    展开全文
  • 主要介绍了JS中frameset框架弹出层实例代码 的相关资料,需要的朋友可以参考下
  • HTML Frameset 例子代码

    2019-03-30 12:05:47
    主要就是一个Frameset元素,然后设置了cols="159px,*"这个属性。这个属性的作用就是将页面分割成159px和其他两块区域。如上图所示。 然后是frame标记,上面的cols属性有几个值下面的子元素相应的也应该有几个。...

    1.Frame.html包含框架的结构

    2.link.html包含框架左侧菜单栏

    3.firstPage.html包含框架主页面的一行文字(个人比较懒,没有好好做)

    4.secondPage.html和上面3类似,用于测试。

    下面是一个截图(不清晰,第一次搞这个东西)

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

    <html>
    <head>
    </head>
    <frameset cols="159px,*"> 
     <frame name="a1" src="link.html" noresize="yes"  border="1px"  scrolling="auto" bordercolor="blue" > 
     <frame name="a2" src="firstPage.html">  
    </frameset>
    </html>
    
       是不是感觉很简单?主要就是一个Frameset元素,然后设置了cols="159px,*"这个属性。这个属性的作用就是将页面分割成159px和其他两块区域。如上图所示。
    
         然后是frame标记,上面的cols属性有几个值下面的<frame>子元素相应的也应该有几个。然后是一些<frame>常 见的属性。包括边框的宽度,是否出现滚动条,边框颜色,是否允许用户改变大小。源文件是哪个等等一些属性。
    
         然后第二个的源文件指向firstPage作为测试用。
    

    接下来是link.html:

    <style type="text/css">
    <!--
    *{margin:0;padding:0;border:0;}
    body {
     font-family: arial, 宋体, serif;
     font-size:12px;
    }
    #nav {
     width:180px;
        line-height: 24px; 
     list-style-type: none;
     text-align:left;
        /*定义整个ul菜单的行高和背景色*/
    }
    /*==================一级目录===================*/
    #nav a {
     width: 160px; 
     display: block;
     padding-left:20px;
     /*Width(一定要),否则下面的Li会变形*/
    }
    #nav li {
     background:#CCC; /*一级目录的背景色*/
     border-bottom:#FFF 1px solid; /*下面的一条白边*/
     float:left;
     /*float:left,本不应该设置,但由于在Firefox不能正常显示
     继承Nav的width,限制宽度,li自动向下延伸*/
    }
    #nav li a:hover{
     background:#CC0000; /*一级目录onMouseOver显示的背景色*/
    }
    #nav a:link  {
     color:#666; text-decoration:none;
    }
    #nav a:visited  {
     color:#666;text-decoration:none;
    }
    #nav a:hover  {
     color:#FFF;text-decoration:none;font-weight:bold;
    }
    /*==================二级目录===================*/
    #nav li ul {
     list-style:none;
     text-align:left;
    }
    #nav li ul li{ 
     background: #EBEBEB; /*二级目录的背景色*/
    }
    #nav li ul a{
             padding-left:10px;
             width:160px;
     /* padding-left二级目录中文字向右移动,但Width必须重新设置=(总宽度-padding-left)*/
    }
    /*下面是二级目录的链接样式*/
    #nav li ul a:link  {
     color:#666; text-decoration:none;
    }
    #nav li ul a:visited  {
     color:#666;text-decoration:none;
    }
    #nav li ul a:hover {
     color:#F3F3F3;
     text-decoration:none;
     font-weight:normal;
     background:#CC0000;
     /* 二级onmouseover的字体颜色、背景色*/
    }
    /*==============================*/
    #nav li:hover ul {
     left: auto;
    }
    #nav li.sfhover ul {
     left: auto;
    }
    #content {
     clear: left; 
    }
    #nav ul.collapsed {
     display: none;
    }
    -->
    #PARENT{
     width:180px;
    }
    *#PARENT{
     width:100%;
    }
    
    </style>
    <div id="PARENT">
     <ul id="nav">
      <li><a href="#Menu=ChildMenu1"  "DoMenu('ChildMenu1')">我的网站</a>
       <ul id="ChildMenu1" class="collapsed">
        <li><a href="firstPage.html" target="a2">第一个页面</a></li>
        <li><a href="secondPage.html" target="a2">第二个页面</a></li>
      </ul>
      </li>
      <li><a href="#Menu=ChildMenu2" "DoMenu('ChildMenu2')">我的帐务</a>
        <ul id="ChildMenu2" class="collapsed">
         <a href="#">支付</a></li>
         <li><a href="#">管理</a></li>
         <li><a href="#">网上支付</a></li>
         <li><a href="#">登记汇款</a></li>
         <li><a href="#">在线招领</a></li>
         <li><a href="#">历史帐务</a></li>
        </ul>
      </li>
      <li><a href="#Menu=ChildMenu3" "DoMenu('ChildMenu3')">网站管理</a>
        <ul id="ChildMenu3" class="collapsed">
         <li><a href="#">登录</a></li>
         <a href="#">角色管理</a></li>
         <li><a href="#">用户管理</a></li>
        </ul>
      </li>
     </ul>
    </div>
    <script type=text/javascript>
    <!--
    var LastLeftID = "";
    function menuFix() {
     var obj = document.getElementById("nav").getElementsByTagName("li");
     
     for (var i=0; i<obj.length; i++) {
      obj[i].function() {
       this.className+=(this.className.length>0? " ": "") + "sfhover";
      }
      obj[i].onMouseDown=function() {
       this.className+=(this.className.length>0? " ": "") + "sfhover";
      }
      obj[i].onMouseUp=function() {
       this.className+=(this.className.length>0? " ": "") + "sfhover";
      }
      obj[i].function() {
       this.className=this.className.replace(new RegExp("( ?|^)sfhoverb"), "");
      }
     }
    }
    function DoMenu(emid)
    {
     var obj = document.getElementById(emid); 
     obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");
     if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu
     {
      document.getElementById(LastLeftID).className = "collapsed";
     }
     LastLeftID = emid;
    }
    function GetMenuID()
    {
     var MenuID="";
     var _paramStr = new String(window.location.href);
     var _sharpPos = _paramStr.indexOf("#");
     
     if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1)
     {
      _paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);
     }
     else
     {
      _paramStr = "";
     }
     
     if (_paramStr.length > 0)
     {
      var _paramArr = _paramStr.split("&");
      if (_paramArr.length>0)
      {
       var _paramKeyVal = _paramArr[0].split("=");
       if (_paramKeyVal.length>0)
       {
        MenuID = _paramKeyVal[1];
       }
      }
     }
     
     if(MenuID!="")
     {
      DoMenu(MenuID)
     }
    }
    GetMenuID(); //*这两个function的顺序要注意一下,不然在Firefox里GetMenuID()不起效果
    menuFix();
    -->
    </script>
    
       这个其实就偷懒了,是从网上找的一个DIV+CSS+JS做的一个下拉菜单,有兴趣的可以自己看一下,我感觉自己能用起来,知道怎么改就OK了。
    

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

    <html>
     <head>
    <title>第一个页面</title> 
    <style>
    </style>
    </head>
    <body>
    <h1>第一个页面</h1>
    </body>
    </html>
    
    展开全文
  • 为什么80%的码农都做不了架构师?>>> ...
  • frame,是网页开发必须掌握的知识。...frame知识点包括(frameset标签、frame标签、iframe标签)。下面就对其一一介绍。 一、frameset 1. 属性 ①border 设置框架的边框粗细。 ②bordercolor 设置框架的边框颜
  • frameset示例

    2018-06-25 19:21:08
    frameset border=0 framespacing=0 rows="120, *" frameborder=0&gt; &lt;frame name=head src="./head.html" frameborder=0 noresize scrolling=no&gt; &lt;frameset cols=&...
  • Frameset小例子,就是html里面框架的运用
  • 做了一个点击按钮,使Frame页面隐藏或显示并变换图片的例子,但还是存在上边距无法消除和JS只能用于IE的缺陷,望大家指正。
  • frameset/frame/iframe实例演示

    热门讨论 2012-08-01 22:25:16
    里面包含了frameset,frame以及iframe的一些技术的演练,希望对大家有帮助,如果有什么补充或疑问,可以加QQ374053115进行和我讨论交流,互相进步!里面代码均手写,大致功能都已经实现,如果错误欢迎指出!
  • frameset的应用:编写了几个jsp页面 1.<frameset>:定义一个框架集,它被用来组织多个窗口。每个窗口都是一个独立的html界面。 2.<frameset>有两个参数,cols和rows。cols:列的数目和尺寸。rows:行的...
  • frameset框架

    千次阅读 2009-01-21 15:27:00
    FRAMESET 标签是 FRAME 元素的容器。HTML 文档可包含 FRAMESET 元素或 BODY 元素之一,两者不能同时使用。框架将网页分成几个框窗,同时取得多个URL。用 即可,所有框架标记需要放在一个总起的 html 文档里,这个...
  • 主要介绍了html页面嵌套使用示例(frameset使用方法),需要的朋友可以参考下
  • frameset scrolling 实例

    2012-06-07 09:30:17
    <frameset rows="96,*" frameborder="NO" border="0" framespacing="0" MARGINWIDTH="0" MARGINHEIGHT="0" TMARGIN="0" TOPMARGIN="0">    <frameset cols="200,*" frameborder="NO" border="0" framespacing=...
  • frameset 一个双标签,它定义了一个框架集,它被用来组织多个窗口。每个窗口都是一个独立的html界面。 1、基本语法: <frameset cols="value,value...">...</frameset> 或者 <frameset rows="value...
  • http://www.w3school.com.cn/tags/tag_frameset.asp http://www.w3school.com.cn/tags/att_a_target.asp 左left.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> .....
  • FrameSet 简单举例

    千次阅读 2009-04-17 17:50:00
    考虑到静态页面比较简单,因此没有好好规划就开动了。结果。 左边的导航栏把偶折磨的快吐血了。 每个画面都要贴一份代码的拷贝。...main_frame.html的内容FrameSet的例子 top_frame.html的内容This is Top Fra
  • 实例: 平常使用: <frameset cols="25%,50%,25%"> <!-- 若设置rows="25%,50%,25%" 这样是水平分三层 -->   noresize="noresize"  tppabs="htmlDemo.html">     </frameset> 您的...
  • frameset标签的用法

    万次阅读 多人点赞 2018-07-13 10:48:15
    frameset的用法 这是在下的第一篇博客,先以小c君自称了。小c君在学习<a> 标签的 target 属性时,发现它还有一个framename值。于是由此摸索发现了一个很好玩的标签——<frameset>。 <frameset>...
  • 前端面试题

    万次阅读 多人点赞 2019-08-08 11:49:01
    前端面试题汇总 ... 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? 21 ... 21 Quirks模式是什么?它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点?...img的alt与title有何异同?...
  • html之frameset页面布局

    千次阅读 2016-08-18 23:41:52
    使用frameset进行系统页面布局要生成的效果如下: 建立个主页面 index.html frameborder:设置是否显示框架的边框 yes是显示,no是不显示 rows:横向分割页面 30%,30(或30px),* cols:纵向分割页面 注意...
  • frameSet(完整框架)

    2012-05-22 09:25:58
    HTML搭建的frameset框架,用于日后同其他web技术整合
  • frameset应用

    2018-08-03 19:37:07
    frameset&gt;&lt;/frameset&gt;frameset元素定义一个框架集,它被用来组织多个窗口(框架)。组织好在页面显示。 &lt;frame&gt;&lt;/frame&gt;frame标签定义frameset中的一个特定的...
  • 非常简单的一个HTML Frameset例子

    千次阅读 2009-06-13 16:59:00
    这一篇,介绍一个Frameset做的简单到不能再简单的框架。 好先来看看这个框架的页面构成,由于是纯手工做的测试程序,所以只是在Notepa++中做了一下代码,很粗略。但是还是包含了Frameset中的大致内容的。好,...
  • 现在H5已经不支持frameset 了,使用了Thymeleaf 想在一个页面实现 frameset 样式的 布局。即 header lefter footer 该如何实现
  • frameset标签设计页面

    2019-09-12 11:50:16
    重要事项:不能将 <frameset></frameset> 标签放在<body></body> 标签里。且 HTML5 已经不支持 frameset 标签的使用!!! 1、frameset 元素可定...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,155
精华内容 2,062
关键字:

frameset实例