后台首选布局技术,Frameset绝对经典 精简 清晰布局

时间:2016-04-11 18:10:17
【文件属性】:

文件名称:后台首选布局技术,Frameset绝对经典 精简 清晰布局

文件大小:5KB

文件格式:RAR

更新时间:2016-04-11 18:10:17

Frame Frameset

概述 定义和用法 frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。[1] 类别 HTML之中的元素之一。 作用 其作用是指定一个框架集,用于组织多个框架和嵌套框架集。 FRAMESET 元素是 FRAME 元素的容器。HTML 文档可包含 FRAMESET 元素或 BODY 元素之一,而不能同时包含两者。 如果用户在框架中打开了 Web 文件夹后单击了 Web 文件夹中的内容,那么被单击的文件或文件夹将取代整个窗口。例如,假设页面包含两个框架,一个框架指向 http://www.microsoft.com 第二个框架指向网络驱动器。如果用户单击第二个框架中的文件或文件夹,该框架将活动整个窗口的控制,包括第一个框架。对于浏览器不能处理的文件类型,如 *.txt 文件,将会打开对应的应用程序窗口。 尽管 Web 文件夹是文件系统层次的一部分,但是该技术并不总是表示文件系统中的实际内容。一个典型的例子就是网络邻居。 使用范围 此元素在 Microsoft® Internet Explorer 3.0 的 HTML 中可用,在 Internet Explorer 4.0 的脚本中可用。 注意:不能与 标签一起使用 标签。不过,如果需要为不支持框架的浏览器添加一个 标签,请务必将此标签放置在 <body></body> 标签中! 编辑本段示例 下面的例子使用了 FRAMESET 元素来定义页面中的三列矩形。 <FRAMESET COLS="25%, 50%, *"> <FRAME SRC="contents.htm"> <FRAME SRC="info.htm"> <FRAME SCROLLING="NO" SRC="graphic.htm"> </FRAMESET> COLS="25%,* " 垂直切割画面(如分左右两个画面),接受整数值、百分数, * 则代表占用馀下空 间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,* ,50%" 可以切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个画面的 50% 宽度为一相对分割。您可自己调整数字。 ROWS="120,* " 就是横向切割,将画面上下分开,数值设定同上。唯 COLS 与 ROWS 两参数尽量不要同在一个 <FRAMESET> 标记中,因 Netacape 偶然不能显示这类形的框架,尽量采用多重分割。 <FRAME> 参数设定: 例子:<frame name="top" src="info.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> name="top" 设定这个框窗的名称,这样才能指定框架来作连结,必须但任意命名。 src="info.html" 设定此框窗中要显示的网页档案名称,每个框窗一定要对应着一个网页档案。你可使用绝对路径或相对路径,有关此两者详见於【连结进阶】。 marginwidth=5 表示框架宽度部份边缘所保留的空间。 marginheight=5 表示框架高度部份边缘所保留的空间。 scrolling="Auto" 设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示, AUTO是视情况显示。 frameborder=0 设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。(避 免使用 yes 或 no ) framespacing="6" 表示框架与框架间的保留空白的距离。 bordercolor="#008000" 设定框架的边框颜色。颜色值请参考【HTML 剖析】。 另外: border="0" 设定框架的边框厚度,以 pixels 为单位。</p> <div class="p10 mt20 tc"> <a rel="nofollow" class="btn btn-big download" href="javascript:void(0)" title="立即下载">立即下载</a> </div> <br/> 【文件预览】:<br/>FrameSet框架<br/>----right.html(271B)<br/>----Email.html(268B)<br/>----content.html.bak(404B)<br/>----container.html(817B)<br/>----content.html(453B)<br/>----left.html(441B)<br/>----bottom.html.bak(271B)<br/>----left.html.bak(457B)<br/>----workplan.html(258B)<br/>----bottom.html(271B)<br/>----content0.html.bak(633B)<br/>----Email.html.bak(300B)<br/>----top.html(267B)<br/><br/> </div></article> <div class="single-xg mb-40 pb-40"> <div class="con-title"><h3>网友评论</h3> </div> <div class="new-list"> <ul class="row"> <li class="col-md-12 col-sm-12 col-xs-12 mt15">不错,还可以吧。</li> <li class="col-md-12 col-sm-12 col-xs-12 mt15">运行出来的效果全都是白色的,,,,,,</li> <li class="col-md-12 col-sm-12 col-xs-12 mt15">非常好,找了很久了,谢谢楼主的分享</li> <li class="col-md-12 col-sm-12 col-xs-12 mt15">有点简单...............</li> <li class="col-md-12 col-sm-12 col-xs-12 mt15">画面太简单了 。</li> <li class="col-md-12 col-sm-12 col-xs-12 mt15">还可以不是特别好</li> <li class="col-md-12 col-sm-12 col-xs-12 mt15">不错,正是我想要的!!</li> </ul> </div> </div> <div class="single-info mb-40"></div><div class="single-xg mb-40 pb-40"> <div class="con-title"><h3>相关文章</h3> </div> <div class="new-list"> <ul class="row"><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4024806.html" target="_blank" title="页面布局frameset">页面布局frameset</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4060916.html" target="_blank" title="经典EXT后台简单布局">经典EXT后台简单布局</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4024799.html" target="_blank" title="利用frameset管理页面的布局">利用frameset管理页面的布局</a></li><li class="col-md-6 col-sm-6 col-xs-6"><a href="/down/4410507.html" target="_blank" title="android相对布局和绝对布局">android相对布局和绝对布局</a></li></ul> </div> </div></div> </div> <div class="col-md-3 d-none d-md-block"> <div class="sidebar"><aside id="rand_post-2" class="widget widget_rand_post"><h3 class="widget-title">推荐文章</h3><ul class="new-list"><li><a href="/851020.html" title="extjs中store的reload事件异步问题解决" target="_blank"><span class="title_color">extjs中store的reload事件异步问题解决</span></a></li><li><a href="/850997.html" title="SSM-Spring-15:Spring中名称自动代理生成器BeanNameAutoProxyCreator" target="_blank"><span class="title_color">SSM-Spring-15:Spring中名称自动代理生成器BeanNameAutoProxyCreator</span></a></li><li><a href="/851014.html" title="浅析PAC,修改PAC文件及user-rule文件实现自动代理" target="_blank"><span class="title_color">浅析PAC,修改PAC文件及user-rule文件实现自动代理</span></a></li><li><a href="/851003.html" title="从 JVM 视角看看 Java 守护线程" target="_blank"><span class="title_color">从 JVM 视角看看 Java 守护线程</span></a></li><li><a href="/851001.html" title="用WPE+CCproxy+自动代理截取安卓游戏封包" target="_blank"><span class="title_color">用WPE+CCproxy+自动代理截取安卓游戏封包</span></a></li><li><a href="/850996.html" title="浅析PAC,教你动手修改你的PAC文件及user-rule文件实现自动代理" target="_blank"><span class="title_color">浅析PAC,教你动手修改你的PAC文件及user-rule文件实现自动代理</span></a></li><li><a href="/850999.html" title="Eclipse编写JavaFX环境配置" target="_blank"><span class="title_color">Eclipse编写JavaFX环境配置</span></a></li><li><a href="/851017.html" title="【CF526G】Spiders Evil Plan(贪心)" target="_blank"><span class="title_color">【CF526G】Spiders Evil Plan(贪心)</span></a></li><li><a href="/851010.html" title="Handler 接收Parcelable ArrayList时返回空的错误" target="_blank"><span class="title_color">Handler 接收Parcelable ArrayList时返回空的错误</span></a></li><li><a href="/850984.html" title="java守护线程。" target="_blank"><span class="title_color">java守护线程。</span></a></li></ul></aside> <aside id="rand_post-2" class="widget widget_rand_post"> <h3 class="widget-title">相关下载</h3> <ul class="new-list"> <li><a href="/down/3159247.html" title="后台首选布局技术,Frameset绝对经典 精简 清晰布局下载" target="_blank"><span class="title_color">后台首选布局技术,Frameset绝对经典 精简 清晰布局下载</span></a></li> <li><a href="/down/4024806.html" title="页面布局frameset下载" target="_blank"><span class="title_color">页面布局frameset下载</span></a></li> <li><a href="/down/4060916.html" title="经典EXT后台简单布局下载" target="_blank"><span class="title_color">经典EXT后台简单布局下载</span></a></li> <li><a href="/down/4024799.html" title="利用frameset管理页面的布局下载" target="_blank"><span class="title_color">利用frameset管理页面的布局下载</span></a></li> <li><a href="/down/4410507.html" title="android相对布局和绝对布局下载" target="_blank"><span class="title_color">android相对布局和绝对布局下载</span></a></li> </ul> </aside> </div> </div> </div> </div></main><section id="footer" class="pt-30 pb-20"><div class="container"><div class="footer-top clearfix"><div class="copyr text-center"><div class="footer-menu clearfix mb-10"><ul class="footer-menu-con"><li><a href="/zuixin/">最新编程技术文章</a></li><li><a href="/sitemap.xml">网站地图</a></li></ul></div><p>Copyright © 2021-2022 www.miaokee.com 秒客网 备案号:<a href="http://beian.miit.gov.cn/" target="_blank">粤ICP备2021167564号</a></p><p>免责声明:本站文章多为用户分享,部分搜集自互联网,如有侵权请联系站长,我们将在72小时内删除。<span class="emailbox" title="emailbox"></span></p></div></div></div></section><mip-fixed type="gototop" class="gototop mip-element" mipdata-fixedidx="Fixed0" style="z-index: 10000; bottom: 90px; right: 10%;"><mip-gototop threshold="300" class="mip-element mip-layout-container mip-gototop-show"><i class="iconfont"></i></mip-gototop></mip-fixed><script id="opendown" type="text/html"> <div class="opendown_header"> <i class="fa fa-cloud-download" aria-hidden="true"></i>下载文件 </div> <div class="opendown_body"> <ul> <li class="text-danger likes down-1"><strong>资源为:RAR 文件大小为:5KB</strong></li> <li class="opendown_title down-1">后台首选布局技术,Frameset绝对经典 精简 清晰布局</li> <li class="text-danger down-1"> {m1} </li> <li class="text-danger down-1"> <label><input type="checkbox" value="1" name="agreetxt" /> 同意下载协议 </label> </li> <li class="down-1"> <a href="javascript:void(0)" class="btn btn-big btn-blue btngetdown">{m2}</a></li> </ul> </div> </script> <script id="paydown" type="text/html"> <div class="opendown_header" id="pay-title">填写信息</div> <div class="opendown_body"> <div id="pay-1"> <ul> <li class="opendown_title">后台首选布局技术,Frameset绝对经典 精简 清晰布局</li> <li> <div> <span class="for-span">邮箱地址:</span> <input type="text" class="for-down" id="pay-email" data-rule="required;email" name="email" value="" placeholder="{m2}"> </div> </li> <li class="text-danger">{m1}</li> <li class="down-1"><a href="javascript:void(0)" type="button" class="btn btn-big btn-blue downurl" id="click-pay">高速下载</a></li> </ul> </div> </div> </script> <script> $('.download').click(function(){ var m1='@E4@B8@8B@E8@BD@BD@E5@8D@8F@E8@AE@AE@EF@BC@9A@E6@9C@AC@E7@BD@91@E7@AB@99@E8@B5@84@E6@BA@90@E6@94@B6@E9@9B@86@E4@BA@8E@E7@BD@91@E7@BB@9C@E5@B9@B6@E4@B8@8D@E8@83@BD@E4@BF@9D@E8@AF@81@E6@AF@8F@E4@B8@80@E6@9D@A1@E9@83@BD@E6@98@AF@E5@AE@8C@E7@BE@8E@E7@9A@84@E8@B5@84@E6@BA@90@2C@E6@82@A8@E4@B8@8B@E8@BD@BD@E6@9C@AC@E8@B5@84@E6@BA@90@E8@B5@9E@E5@8A@A9@E7@9A@84@E8@B4@B9@E7@94@A8@E4@BB@85@E4@BB@85@E6@98@AF@E5@AF@B9@E7@BD@91@E7@AB@99@E7@9A@84@E5@8F@8B@E6@83@85@E6@94@AF@E6@8C@81@E4@B8@8E@E6@9C@AC@E8@B5@84@E6@BA@90@E5@86@85@E5@AE@B9@E6@97@A0@E5@85@B3@2C@E4@B8@80@E6@97@A6@E8@B5@9E@E5@8A@A9@E4@B8@8D@E6@94@AF@E6@8C@81@E9@80@80@E6@AC@BE@E3@80@82'; m1=m1.replace(/@/ig,'%') var m2='@E8@8E@B7@E5@8F@96@E4@B8@8B@E8@BD@BD@E5@9C@B0@E5@9D@80'; m2=m2.replace(/@/ig,'%') var html=$('#opendown').html(); html = html.replace('{m1}',decodeURIComponent(m1)) html = html.replace('{m2}',decodeURIComponent(m2)) layer.open({ type: 1, shade: 0.8, title: false, closeBtn: 1, area: ['350px', ''], content:html }); }) $(document).on('click','.btngetdown',function(){ var id=/\/(\d+)\./.exec(window.location.href)[1]; if(!$('[name="agreetxt"]').is(':checked')){ alert('请同意下载协议'); }else{ var m1='@E9@82@AE@E7@AE@B1@E5@BB@BA@E8@AE@AE@E4@BD@BF@E7@94@A8QQ@E9@82@AE@E7@AE@B1@EF@BC@8C@E5@A1@AB@E5@86@99@E9@82@AE@E7@AE@B1@E6@96@B9@E4@BE@BF@E6@9F@A5@E8@AF@A2@E8@AE@A2@E5@8D@95@E4@BF@A1@E6@81@AF'; m1=m1.replace(/@/ig,'%') var m2='@E8@BE@93@E5@85@A5@E9@82@AE@E7@AE@B1@E5@9C@B0@E5@9D@80@E4@BB@A5@E4@BE@BF@E5@8F@91@E9@80@81@E8@AE@A2@E5@8D@95@E4@BF@A1@E6@81@AF'; m2=m2.replace(/@/ig,'%') var html=$('#paydown').html(); html = html.replace('{m1}',decodeURIComponent(m1)) html = html.replace('{m2}',decodeURIComponent(m2)) layer.closeAll(); layer.open({ type: 1, shade: 0.8, title: false, closeBtn: 1, area: ['350px', ''], content: html }); } }) $(document).on('click','#click-pay',function(){ var id=/\/(\d+)\./.exec(window.location.href)[1]; var email=$.trim($('#pay-email').val()); if(email.length==0){ alert('请填写邮箱地址,接收下载文件和查询订单信息'); return; } if(!/\w+@\w+\.\w+/.test(email)){ alert('请填写邮箱正确的邮箱地址,建议使用QQ邮箱'); return; } layer.closeAll(); layer.open({ type: 2, title: '赞助网站', shadeClose: true, shade: 0.8, area: ['580px', '630px'], content: '/default/pay/init?id='+id+'&email='+email }); }) </script> <script type="text/javascript" src="/statics/miaokee/js/show.js"> </script> </body> </html>