下面是一个简单的框架左右隐藏，主要涉及到三个页面。
frame.html 页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>fream</title>
</head>
<frameset cols="200,*" frameborder="NO" border="0" framespacing="0" id="myFrame">
<frame src="left.html" name="leftFrame" frameborder="yes" scrolling="no" noresize="noresize">
<frame src="switchframe.html" name="switchFrame" frameborder="yes" scrolling="auto" bordercolor="#000000">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
left.html页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn">
<head>
<title>left </title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
</head>
<body>
<div style="font-size:20px;margin:20px;"><strong>这里是左边</strong></div>
</body>
</html>
switchframe.html 页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/common.css" type="text/css" />
<title>右边</title>
<script language="JavaScript">
<!--
function Submit_onclick(){
if(parent.myFrame.cols == "200,*") {
//parent.myFrame.cols="0,7,*";
parent.myFrame.cols="0,*";
document.getElementById("ImgArrow").src="images/switch_right.gif";
document.getElementById("ImgArrow").alt="打开左侧导航栏";
} else {
//parent.myFrame.cols="199,7,*";
parent.myFrame.cols="200,*";
document.getElementById("ImgArrow").src="images/switch_left.gif";
document.getElementById("ImgArrow").alt="隐藏左侧导航栏";
}
}
//-->
</script>
</head>
<body>
<div id="switchpic" style="width:10px; float:left;"><a href="javascript:Submit_onclick()" id="myFrame"><img src="images/switch_left.gif" alt="隐藏左侧导航栏" id="ImgArrow" border="0" /></a></div>
<div style="font-size:20px;margin:40px;"><strong>这里是右边</strong></div>
</body>
</html>
分享到：
相关推荐
在网页设计中，HTML框架...总的来说，这个压缩包中的文件组合起来，提供了一个关于如何在HTML框架中实现左侧框架隐藏与显示的示例。这个功能可以通过JavaScript或CSS进行控制，以提高用户的交互性和页面的可配置性。
在文件“ProJavascriptRIATechniques.pdf”中，我们可以预期找到的是关于高级JavaScript技巧，可能包括了如何实现这种框架隐藏的策略。RIA（Rich Internet Applications）是指富互联网应用程序，它通常涉及更复杂的...
dreamweaver和有些网站，为了更明了的表示页面空间，往往需要把一些暂时不用的框架隐藏起来，例如www.newsmth.com，新水木清华 www.ccidnet.com赛迪网论坛他们是如何实现的呢？首先定义框架集：;mainframe" id=...
左右框架页面中间有个按钮，点击可以自动隐藏左侧的框架，再次点击可以恢复左侧框架。
标题中的“X框架模块：Chihiro 微信密友v6.7.5清爽版 隐藏通讯录好友.zip”提到了几个关键概念，我们逐一进行解析。 首先，“X框架”通常指的是一个软件开发框架，它提供了一组规则和工具，帮助开发者构建特定类型...
本文实例讲述了tp5.0框架隐藏index.php入口文件及模块和控制器的方法。分享给大家供大家参考，具体如下： 1. 隐藏入口文件： [ IIS ] 在IIS的高版本下面可以配置web.Config，在中间添加rewrite节点： ^(.*)$>...
### 通过按钮控制框架的显示与隐藏 在Web开发中，使用框架（Frames）是一种将一个浏览器窗口划分为多个部分的技术，并且每个部分都可以独立显示不同的HTML文档。这种方式在过去非常流行，尤其是在没有现代前端框架...
6. **代码隐藏与代码后面**：VS2003支持两种编写服务器端代码的方式：代码隐藏（CodeBehind）和代码后面（CodeBeside）。前者将业务逻辑和表现层分离，更符合MVC模式；后者则将代码与HTML混合，适用于快速开发。 7....
系统充分利用了SpringBoot框架的便利性，减少了传统Spring项目配置的繁琐工作，使得开发者可以更加专注于业务逻辑的实现。 1. **SpringBoot** SpringBoot是Spring框架的延伸，它简化了Spring应用程序的初始设置和...
更高版本的可以试试2.5.1、2.6.1的框架。高版本的框架功能更全，但对于低版本的手机支持不够。 若安装后无限重启、开不了机，可以在开机过程中连续点击电源键取消激活（一般会有触感反馈）。需要root。
面具隐藏root的详细图文教程+资源 很多玩机友友手机获取了面具root， 但有个别软件检测到系统开了面具root会提示安全风险而打不开。 那么此教程资源就是解决这个问题的 实测多台。 真机实测的图文教程步骤。看...
2. **降低复杂性**：框架隐藏了内核接口的复杂性，使得开发者可以更加专注于设备的特性和功能，降低了理解内核细节的门槛。 3. **提高质量**：遵循框架的开发规范可以确保驱动程序的稳定性和一致性，减少因编码错误...
标题中的“隐藏框架实现ajax”指的是在Web应用中利用HTML的隐藏IFrame（）元素结合Ajax技术，以实现页面数据的无刷新更新。这种方法常见于那些需要后台静默处理任务或需要异步加载内容但又不想打扰用户界面的情况下...
1. **简化开发**：Rpc框架隐藏了网络通信的复杂性，让开发者可以专注于业务逻辑。 2. **高效性能**：通过优化的网络协议和数据序列化方式，提高通信效率。 3. **扩展性**：易于添加新的服务，支持服务的动态扩缩容。...
隐藏MFC生成的文档视图框架SDI,MDI上的菜单栏
在本项目中，“隐藏框架实现ajax原理”是一个演示如何利用隐藏iframe来实现Ajax交互的实例。下面我们将详细探讨Ajax的工作原理以及如何通过隐藏框架实现这一过程。 1. **Ajax工作原理**： Ajax的核心是JavaScript...