Frame实现分栏并可隐藏/显示左栏

最新推荐文章于 2024-05-22 14:08:52 发布
最新推荐文章于 2024-05-22 14:08:52 发布
阅读量2.2k 收藏 1
点赞数
文章标签： function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ipqxiang/article/details/1966189
版权
 给你个例子,双击中间的拖动条可变动.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript">
 function hideLeftPane() {
      var head = document.getElementById("Head");
   var cols = "239,*";
   head.lefthide = !head.lefthide;
   if(head.lefthide)
   {
    head.cols = cols;
  }
   else
   {
   head.cols = "0,*";
 }
    }
</script>
</head>
<frameset id="Head" lefthide="true"  onDblClick="hideLeftPane();" style="BORDER-RIGHT: buttonshadow 1px solid" name="LeftFrameset" frameSpacing="3" frameBorder="1" cols="239,*" >
    <frame id="LeftPane" name="LeftPane" marginwidth="0" marginheight="0" src="Left.aspx" scrolling="no">
    <frame id="RightPane" name="RightPane" scrolling="auto" marginwidth="0" marginheight="0" src="Right.aspx">
</frameset>
</html>
ipqxiang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
frame左边显示隐藏.rar
12-12
<html <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>frameline.html</title> <link href="css/style.css" type="text/css" rel="stylesheet" /> [removed] function ShowHideLeft(id){ var imgid=document.getElementById("aimg"); if (parent.document.getElementById('pageframe').cols=="218,8,*"){ parent.document.getElementById('pageframe').cols="0,8,*"; imgid.src="gd2.gif"; } else{ parent.document.getElementById('pageframe').cols="218,8,*"; imgid.src="gd.gif"; } } [removed] </head> <body class="body2" margin:0;"> <img src="gd.gif" id="aimg" </body> </html>
VB窗口实现左右分栏可拖动改变左右大小比例
10-30
标题“VB窗口实现左右分栏可拖动改变左右大小比例”描述了一个功能，即允许用户通过拖动来调整窗口内左右两部分的宽度，从而改变它们的大小比例。这个功能在许多应用程序中都非常实用，比如文件管理器、文本编辑器或...
隐藏/显示左frame栏
lili518的博客
10-03 383
//隐藏/显示左边菜单栏 $("#show-leftbar").hide();//默认进入首页时隐藏显示链接 //点击隐藏链接事件 $("#hide-leftbar").click(function(){ //alert("hide"); //js改变frameset实现隐藏 window.parent.document.getElementById
iframe嵌入父子项目，外层框架（用父框架左侧菜单，子框架左侧菜单隐藏iframe嵌入父框架）
最新发布
wwf1225的博客
05-22 540
/script>
iframe标签的使用（隐藏操作栏）
weixin_45977625的博客
09-20 8670
iframe标签的基本使用 iframe标签在预览pdf文档时，顶部默认会有一行操作栏，可供用户下载、打印等。因在工作中遇到过一次这样的需求，需要控制用户的下载权限，网上大部分是说iframe无法控制，都推荐用pdf.js插件，但我总感觉应该可以的，功夫不负有心人，最终还是被我找到了，此方法基本可行，特此记录 一、基本用法 <iframe ref="iframe" height="700" width="100%" :src="pdfurl"
iframe预览pdf默认侧边栏工具栏处于关闭
weixin_44735965的博客
12-25 1675
1.1设置默认缩放比例： 在地址栏后面拼接 “#zoom=200”1.5 默认侧边栏工具栏处于关闭状态 navpanes=0。1.4自适应页面大小： view=FitH,top。1.3隐藏头部工具栏 ： toolbar=0。有些PDF形式打开的文件需要一些默认的配置。1.2 跳往特定页数： page=2。
内嵌 iframe 实现PDF预览
想好了再写！
07-04 3099
【代码】内嵌 iframe 实现PDF预览。
javascript 控制frameset左边显示与隐藏
Hsn_lin的专栏
05-22 6905
页面布局为左边菜单页，中间有个12象素宽度的条形页（用于点击后显示隐藏左边的菜单页），右边则是主体页面了。 第2个文件：frameline.html 这个文件中设置了用JAVASCRIPT脚本显示隐藏左边菜单页FRAME框架的代码。 function ShowHideLeft(objtd){ if (parent.pageframe.cols=="115,12,*"){
C# WPF实现SplitContainer上下左右隐藏与显示
01-20
本教程将深入探讨如何在WPF中实现SplitContainer的上下左右隐藏与显示功能，以提供更加灵活的用户界面体验。 首先，我们需要在XAML文件中引入SplitContainer控件。在WPF中，SplitContainer的对应控件是`...
javascript实现分栏显示小技巧附图
10-25
标题中的“javascript实现分栏显示小技巧附图”指的是使用JavaScript技术来实现网页中的分栏布局，并通过图像来辅助说明。这种布局常用于创建多列结构，如在考试页面中隐藏或显示考生信息部分，提高用户体验。 描述...
css页面中常见左中右分栏布局的两种实现方式
09-25
下面我将详细解释文章中所提及的两种实现左中右分栏布局的方式，以及相关的知识点。 首先，第一种实现方式是使用了HTML和CSS，通过绝对定位（position: absolute）来布局分栏。在这个方法中，页面被分成了三个主要...
iframe实现左侧菜单右侧页面简单示例
02-29
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单，右侧显示不同html内容，并加有css样式，美观实用。很简单的界面，没有多余功能。
iframe标签实现pdf预览功能
05-29
iframe标签实现pdf预览功能
html5响应式左右分栏个人主页模板
07-14
例如，对于小屏幕设备，可能需要将左右分栏堆叠成上下布局，以节省空间并确保内容可读。这通常通过设置断点（breakpoints）和相应的CSS规则来实现。同时，Flexbox或Grid布局也是实现响应式设计的有效工具，它们提供...
iframe 引入第三方页面，并去掉页面的导航栏和下半部分，只显示部分页面的方法
weixin_51192038的博客
03-06 6484
iframe 引入第三方页面，并去掉页面的导航栏和下半部分，只显示部分页面的方法 我用的elementui 画的页面，和html一样 用iframe引入第三方页面 （1）src 里面写要引入的第三方页面的链接 （2）iframe 一定要放在div里面，最外层div的position =relative，里层的div的position=adsolute （3）去掉头部的内容，可以直接在`里层的div中的margin-top设置，margin-top = -122px，这个-122px 可以根据自己的需求
iframe 加载pdf文件
热门推荐
一个韩韩韩
11-30 1万+
<divstyle="width:800px;margin:25pxauto;"> <iframesrc="../../static/file/shenbaoshu.pdf"height="900px;"width="800px"></iframe> </div> ...
vue侧栏菜单的无限嵌套
Ironhide的博客
08-05 1225
先看效果： 在权限管理中，可更改任意菜单的路由路径(path)、组件(component)、重定向(redirect) 等属性，也可自定义权限(菜单) 的层级关系（在本文中权限与菜单的意义是一样的） 如何实现该方案： 将所有的路由对象都存放在数据库中，在每次加载页面前去获取菜单数组，菜单数组需要赋值给两个组件，一个是页面侧栏 el-menu ，一个则是 vue-router；在第一张图的权限管理页面中又是一次独立的查询，不管菜单隐藏或禁用与否，全部查出来。 el-menu 负责展示(其中el-menu
div如何实现左右分栏拖拽
09-09
要实现div的左右分栏拖拽，可以使用jQuery。 首先，我们可以通过设置div的css属性来控制左右两个分栏的宽度。可以使用以下代码来设置左侧分栏的宽度为总宽度的25%：$("#divRight").css({ height: height + "px", ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值