<%@ page contentType="text/html; charset=UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>分隔栏</title>
<link rel="stylesheet" type="text/css" href="../style/icode.css" />
<script language="JavaScript">
function Submit_onclick(){
if(parent.myFrame.cols == "200,6,*") {
parent.myFrame.cols="0,6,*";
document.getElementById("ImgArrow").src="../images/arrow_r.gif";
document.getElementById("ImgArrow").alt="打开左侧导航栏";
} else {
parent.myFrame.cols="200,6,*";//200,6,*都代表的是宽度
document.getElementById("ImgArrow").src="../images/arrow_l.gif";
document.getElementById("ImgArrow").alt="隐藏左侧导航栏";
}
}
function MyLoad() {
if(window.parent.location.href.indexOf("MainUrl")>0) {
window.top.leftFrame.document.getElementById("ImgArrow").src="../images/arrow_l.gif";
}
}
</script>
<style>
html {
width: 100%;
height: 100%;
}
body {
width: 100%;
height: 100%;
}
#switchbody {
background-color: #DFE8F0;;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#switchpic {
width: 6px;
cursor: pointer;
vertical-align: bottom;
margin-top: 220px;
}
</style>
</head>
<body id="switchbody" onload="MyLoad()">
<div id="switchpic"><a href="javascript:Submit_onclick()"><img
src="../images/arrow_l.gif" alt="隐藏左侧导航栏" name="ImgArrow" border="0"
id="ImgArrow" /></a>e<span class="style1">r</span></div>
</body>
</html>
分享到:
相关推荐
if (parent.document.getElementById('pageframe').cols=="218,8,*"){ parent.document.getElementById('pageframe').cols="0,8,*"; imgid.src="gd2.gif"; } else{ parent.document.getElementById('pageframe')....
总结来说,实现"多个iframe,显示其中一个frame中的div,并处于最上层显示"的功能,涉及了HTML的`iframe`标签、CSS的`z-index`属性、JavaScript的`postMessage`通信以及动态创建和操作DOM元素的技巧。通过这些技术,...
通过以上介绍和分析,我们可以看到如何使用简单的HTML和JavaScript来实现按钮控制框架显示与隐藏的功能。虽然这种方法在现代Web开发中已经不那么常见,但对于理解早期Web技术的历史和基础仍然具有一定的参考价值。
在ASP.NET开发中,客户端控制框架的显示或隐藏是一个常见的需求,这主要涉及到网页的动态交互和用户体验的优化。本文将深入探讨如何使用JavaScript来实现这一功能,特别适合那些正在学习ASP.NET的初学者。 首先,...
// 隐藏frame frame.style.display = 'block'; // 显示frame ``` 在CSS中,也可以通过类选择器预先定义好隐藏和显示的样式,然后通过JavaScript切换这些类: ```css .hidden { display: none; } .visible { ...
本示例着重讲解如何利用`Frame`控件的`Navigate`函数来实现页面间的导航,并且通过设置`NavigationUIVisibility`属性隐藏导航UI,使得界面更加简洁,更适合初学者学习。 首先,我们需要了解`Frame`控件。`Frame`是...
总结来说,通过JavaScript控制frame的隐藏或显示主要是通过操作frameset的`rows`和`cols`属性,结合字符串处理和DOM操作,可以灵活地控制多框架页面的布局和用户体验。这种技术在构建复杂的Web应用程序或者需要动态...
最后,Frame和Frameset框架在网页设计中主要用于组织多个独立的HTML文档在同一窗口内显示。通过调整帧的大小和内容,可以创建复杂且灵活的布局。例如,一个网页可能包含一个顶部帧,显示导航菜单,一个左侧帧,显示...
在本主题"JS显示隐藏DIV(动画效果)"中,我们将深入探讨如何利用JavaScript来控制HTML元素,特别是`<div>`标签的显示和隐藏,并且添加动画效果。这将提升用户体验,使网页更具动态性和吸引力。 首先,`<div>`是HTML...
- 使用JavaScript函数`aaa()`来控制框架的显示与隐藏。 - 通过修改`<frameset>`的`rows`属性来调整框架的高度。 - 使用`display`属性来控制框架内的元素显示与否。 ```javascript function aaa(){ top....
这个例子"frame分页显示foot、head、body、左侧边栏"是一个很好的教学资源,特别适合初学者来了解和学习frameset的用法。 首先,我们来看`frameset`的概念。`frameset`是HTML中用于创建多框架布局的元素,它可以将...
在本文中,我们将深入探讨如何使用Delphi编程语言来实现隐藏和显示Windows操作系统中的桌面图标、任务栏以及开始菜单的功能。Delphi是一款强大的Windows应用程序开发工具,基于Object Pascal语言,它提供了一套丰富...
本示例"ios-导航栏隐藏和显示.zip"聚焦于如何根据用户界面的上下移动来动态地控制导航栏的显示与隐藏,以及如何自定义导航栏上的返回按钮和手势操作。下面我们将详细探讨这些知识点。 1. 导航栏的隐藏与显示: 在...
例如,使用CSS可以添加`display:none`属性隐藏元素,点击按钮时通过JavaScript更改这个属性来显示或隐藏: ```css #leftFrame { display: none; /* 初始状态隐藏 */ } .show { display: block !important; /* ...
在编程领域,特别是涉及到用户界面(UI)设计时,窗口的标题栏是一个常见的元素,它通常包含应用程序的名称...显示或隐藏标题栏只是众多窗口定制选项之一,还有许多其他样式和特性可以调整,以打造独一无二的用户界面。
- `frameborder`属性用于控制框架之间是否有边框,默认值为`1`表示显示边框,设置为`0`则隐藏边框。 - `bordercolor`属性用于设置边框的颜色。 - `framespacing`属性用于设置框架之间的间距。 - **框架参数设定*...
`Frame`是WPF框架提供的一个容器,它能够承载和显示Page类型的子项。Page是WPF中的一个独立页面,可以包含各种UI元素,如按钮、文本框等。`Frame`控件的主要功能就是管理和展示这些Page,实现类似网页的导航效果。 ...
`frame`标签用于定义页面中的一个区域,并指定该区域中显示的页面内容。其主要属性如下: - **`frameborder`**:表示是否显示框架边框。取值为“1”表示显示边框,默认值;取值为“0”表示不显示边框。 - **`...
调用`setVisible(true)`将显示窗口,`setVisible(false)`则隐藏。 4. **事件处理**: Java Swing支持事件监听,可以通过实现`ActionListener`接口并覆盖`actionPerformed`方法来响应用户操作,例如点击按钮。 ...
在这个特定的案例中,我们关注的是如何在JasperReport和iReport中实现固定表头以及隐藏和显示列的功能。 首先,让我们了解一下JasperReport。JasperReport是一个开源的报表库,它允许开发者在各种应用程序中生成...