CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
可用分押宝游戏火热进行中... 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

如何实现可折叠(通过按钮或操作来隐藏和显示)的顶帧和左帧。

楼主zengxianfeng(冲星中......)2005-06-04 01:16:18 在 Web 开发 / JavaScript 提问

.  
                可折叠                             .  
  ............................  
          .                                             .  
    可   .                                             .  
    折   .                                             .  
    叠   .                                             .  
          .                                             .  
          .                                             .  
          .                                             .  
          .                                             .  
  ............................ 问题点数:100、回复次数:5Top

1 楼leo963258(我劝天公重抖擞,不拘一格降人才)回复于 2005-06-04 01:20:22 得分 10

用framesetTop

2 楼fightgod2400(行进小泰山)回复于 2005-06-04 02:52:24 得分 90

创建4个页面  
  Index.htm   :最顶层帧  
  Top.htm   :上帧  
  Left.htm   :左帧  
  Right.htm   :右帧  
   
  <<<——Index.htm——>>>  
  <html>  
  <frameset   id="A"   rows="100,*">  
  <frame   name="Top"   src="Top.htm">  
  <frameset   id="B"   cols="200,*">  
  <frame   name="Left"   src="Left.htm">  
  <frame   name="Right"   src="Right.htm">  
  </frameset>  
  <noframes>  
  <body>  
  <p>此网页使用了框架,但您的浏览器不支持框架。</p>  
  </body>  
  </noframes>  
  </frameset>  
  </html>  
   
  <<<——Top.htm——>>>  
  随意写  
   
  <<<——Left.htm——>>>  
  随意写  
   
  <<<——Right.htm——>>>  
  <html>  
  <script   language="javascript">  
  //控制左帧的显示与隐藏  
  function   controlLeft(){  
  if(parent.B.cols   !=   "200,*"){  
  parent.B.cols   =   "200,*";  
  }  
  else{  
  parent.B.cols   =   "-10,*";  
  }  
  }  
   
  //控制上帧的显示与隐藏  
  function   controlTop(){  
  if(parent.A.rows   !=   "100,*"){  
  parent.A.rows   =   "100,*";  
  }  
  else{  
  parent.A.rows   =   "-10,*";  
  }  
  }  
  </script>  
  <body>  
  <input   type="button"   value="控制左帧的显示与隐藏"   onclick="controlLeft();">  
  <input   type="button"   value="控制上帧的显示与隐藏"   onclick="controlTop();">  
  </body>  
  </html>  
   
  -----------------------------------------------  
  推荐一个网站  
  http://www.51windows.net/myjs/  
  Top

3 楼zengxianfeng(冲星中......)回复于 2005-06-07 14:51:51 得分 0

谢谢楼上的,但好象有问题,  
  有没有好看一点的实用的代码呢Top

4 楼fightgod2400(行进小泰山)回复于 2005-06-07 17:17:27 得分 0

这个代码我测试过了,可能是发布的时候缩进出了问题。把缩进全部取消掉。  
   
  创建4个页面  
  Index.htm   :最顶层帧  
  Top.htm   :上帧  
  Left.htm   :左帧  
  Right.htm   :右帧  
   
  <<<——Index.htm——>>>  
  <html>  
  <frameset   id="A"   rows="100,*">  
  <frame   name="Top"   src="Top.htm">  
  <frameset   id="B"   cols="200,*">  
  <frame   name="Left"   src="Left.htm">  
  <frame   name="Right"   src="Right.htm">  
  </frameset>  
  <noframes>  
  <body>  
  <p>此网页使用了框架,但您的浏览器不支持框架。</p>  
  </body>  
  </noframes>  
  </frameset>  
  </html>  
   
  <<<——Top.htm——>>>  
  随意写  
   
  <<<——Left.htm——>>>  
  随意写  
   
  <<<——Right.htm——>>>  
  <html>  
  <script   language="javascript">  
  //控制左帧的显示与隐藏  
  function   controlLeft(){  
  if(parent.B.cols   !=   "200,*"){  
  parent.B.cols   =   "200,*";  
  }  
  else{  
  parent.B.cols   =   "-10,*";  
  }  
  }  
   
  //控制上帧的显示与隐藏  
  function   controlTop(){  
  if(parent.A.rows   !=   "100,*"){  
  parent.A.rows   =   "100,*";  
  }  
  else{  
  parent.A.rows   =   "-10,*";  
  }  
  }  
  </script>  
  <body>  
  <input   type="button"   value="控制左帧的显示与隐藏"   onclick="controlLeft();">  
  <input   type="button"   value="控制上帧的显示与隐藏"   onclick="controlTop();">  
  </body>  
  </html>Top

5 楼fightgod2400(行进小泰山)回复于 2005-06-07 17:22:47 得分 0

如果要美观,可以参照这个网站里面的CSS样式表进行修改  
  http://www.51windows.net/myjs/Top

相关问题

  • 按钮隐藏
  • 如何隐藏按钮
  • 如何隐藏html按钮
  • 打印按钮隐藏问题
  • 如何隐藏提交按钮
  • 单击一个按钮,如何使另一个按钮自动隐藏?
  • 请问操作可否动态隐藏?
  • 让控件隐藏,怎么操作?
  • 怎样隐藏任务切换区的应用程序按钮?
  • MFC编程,如何使隐藏的按钮有效?

关键词

  • windows.net
  • 框架
  • 可折叠
  • htm

得分解答快速导航

  • 帖主:zengxianfeng
  • leo963258
  • fightgod2400

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo