manager.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>交易明细查询</title>
</head>
<frameset rows="90,*" cols="*" frameborder="no">
<frame src="top.jsp" name="topFrame" frameborder="no" scrolling="NO" noresize >
<frameset id="tFrame" cols="160,20,*" frameborder="no">
<frame src="left.jsp" name="leftFrame" frameborder="no" scrolling="auto" noresize>
<frame src="middle.jsp" name="middleFrame" frameborder="no" scrolling="no" noresize>
<frame src="appmain.jsp" name="mainFrame" frameborder="no">
</frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>
</body></noframes>
</html>
middle.jsp:
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="GB18030"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\
<link rel="stylesheet" href="css/style.css" type="text/css">
<title></title>
<script type="text/javascript">
var showMenu=true;
var cols_bak;
function hideBar(){
cols_bak="160,20,*";
window.top.tFrame.cols="0,20,*";
document.all.menuOn.innerText="显示菜单";
showMenu=false;
}
function showBar(){
window.top.tFrame.cols=cols_bak;
document.all.menuOn.innerText="隐藏菜单";
showMenu=true;
}
function isBar(){
if(showMenu){
hideBar();
}else{
showBar();
}
}
</script>
<style type="text/css">
div {
width:20px;
height:500px;
position:relative;
display:table-cell;
text-align:center;
vertical-align:middle
}
a {
position:static;
+position:relative;
top:50%;
}
</style>
</head>
<body>
<div>
<a href="#" id="menuOn" onclick="isBar()" >隐藏菜单</a>
</div>
</body>
</html>
分享到：
相关推荐
1. **侧栏展开与关闭**：用户可以根据需要随时打开或关闭侧栏，这提升了界面的灵活性，使得用户在需要帮助时可以快速找到客服入口，而在不需要时不会干扰到浏览体验。这种设计遵循了现代网页设计的最小化原则，既...
`.slideToggle()`会在打开和关闭之间切换，`.fadeIn()`/`.fadeOut()`则可以实现淡入淡出效果。 5. **响应式设计**：为了确保在不同设备上都有良好的用户体验，我们需要使用媒体查询(`media queries`)配合jQuery，...
开发者可以使用`DrawerLayout`组件来轻松实现这一功能，同时通过自定义动画，使侧栏的打开和关闭过程更加平滑自然。 2. **侧栏字母搜索（Sidebar Alphabet Search）**：这是一种常见的快速查找机制，尤其在联系人...
在侧栏滑动过程中，可能需要动态调整约束，以适应侧栏的打开和关闭状态。 6. **Storyboard或Programmatic Setup**：开发者可以选择使用Storyboard进行界面布局，或者完全用代码来实现。Storyboard提供了直观的界面...
"打开关闭左侧栏模板"是一个专为网页主页设计的模板，它的核心特色在于左侧栏的交互功能。这个模板以其简洁的风格和独特的侧栏特效吸引用户，使得网页内容展示更加灵活且具有互动性。 首先，我们来详细了解左侧栏的...
2. **触摸事件处理**：为了实现滑动打开和关闭侧栏的功能，开发者需要在Activity或Fragment中监听触摸事件，例如使用`GestureDetector`来检测滑动手势。还需要理解`onOptionsItemSelected`和`onOptionsItemSelected`...
在本模板中，jQuery被用来处理侧栏的滑动动画，可能包括打开和关闭侧栏，以及与用户交互时的平滑过渡效果。 2. **CSS3**：CSS3是CSS（层叠样式表）的最新版本，提供了许多新的特性和功能，如动画、过渡和变换。在...
6. **协议与委托（Protocol & Delegate）**：为了将侧栏菜单的状态（如打开或关闭）通知给主视图，项目可能采用了协议和委托设计模式。通过这种方式，主视图可以监听侧栏菜单的改变，并相应地更新自身的状态。 7. *...
// 在这里处理侧栏完全打开的事件 } @Override public void onClose() { // 在这里处理侧栏完全关闭的事件 } }); ``` ReisdeMenu允许开发者自定义侧栏菜单的内容和样式，可以包括图片、文本、按钮等组件，以...
JavaScript则用于处理工具栏的交互逻辑，如点击打开聊天窗口、关闭窗口等功能。 `index.html`是网页的主文件，它包含了整个页面的结构。在这个文件中，你会看到一个用于嵌入QQ客服代码的特定部分，可能是一个`<div>...
为了让用户能够打开和关闭抽屉，我们需要监听滑动手势并响应。`DrawerLayout`提供了`setDrawerListener()`方法，我们可以创建一个`DrawerLayout.DrawerListener`实例： ```java DrawerLayout drawerLayout = ...
3. 头部区域不触发面板显示，防止对其它窗口的关闭按钮造成干扰。 4. 主面板上按 ESC 键或在主面板底部向上拖动鼠标左键可以调出设置和退出按钮 5. 文件夹可以将里面的文件和子文件夹生成一个菜单（带参数：...
Edge 浏览器一键关闭发现按钮及侧边栏小工具 本文将详细介绍 Edge 浏览器一键关闭发现按钮及侧边栏小工具的使用方法和原理。该小工具可以帮助用户快速关闭 Edge 浏览器右侧的发现按钮和侧边栏，解决强迫症的问题。 ...
并将焦点向右移到项目树上已打开文件的位置，这样用户可以使用键盘在文件树上导航箭头，并使用相同的命令Focus File On Sidebar上Focus File On Sidebar以关闭侧边栏并折叠展开的文件夹，使其准备再次以相同的方式...
Ctrl/Cmd + e切换打开/关闭标签侧栏 Ctrl/Cmd + n创建一个新标签页 Ctrl/Cmd + . -切换窗口始终处于顶部模式 Ctrl/Cmd + s -...不需要，内容自动保存 内容储存 首选项/最后一个窗口设置和实际选项卡/内容都保存在...
2. **手势识别**：用户可以通过简单的滑动手势来打开和关闭侧栏，增强了交互性。 3. **动画效果**：JASidePanels提供了平滑的过渡动画，使侧栏的显示和隐藏更加自然。 4. **自定义程度高**：开发者可以调整侧栏的...
1. **动画效果**：侧栏的打开和关闭过程采用平滑的动画效果，提高了用户体验。 2. **多方向支持**：支持从左侧或右侧滑出侧栏，满足不同的设计需求。 3. **手势识别**：除了点击按钮，用户还可以通过简单的手势（如...
3. **实现回调**：设置打开和关闭侧栏的代理方法，以便在用户操作时响应。 4. **添加触发行为**：根据选择的触发方式，如滑动手势或按钮点击，添加相应代码来启动和关闭侧栏。 在压缩包"RNFrostedSidebar-master"中...
尤其对于侧栏滑动功能，JavaScript可以监听用户的触摸或鼠标事件，实现侧栏的打开和关闭，同时保持页面的流畅性。此外，JavaScript还可以用于表单验证、AJAX异步数据加载、动态内容更新等功能，提升用户体验。 模板...
此外，SlidingMenu也有自己的滑动动画设置，以确保侧滑菜单的打开和关闭既快速又平滑。 7. 性能优化： 由于涉及到多个Fragment和大量的数据加载，性能优化至关重要。避免在主线程中进行耗时操作，使用异步加载数据...