`
Franciswmf
  • 浏览: 796991 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

显示/隐藏侧边菜单栏div

 
阅读更多 
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath%>">
<title>button_title_l</title>
<script>
function oa_tool(){
if(window.parent.oa_frame.cols=="0,10,*"){
frameshow.src="img/main/img/p_1.gifGGG";
oa_tree.title="隐藏工具栏"
window.parent.oa_frame.cols="180,10,*";
}
else{
frameshow.src="img/main/img/p_2.gifGGG";
oa_tree.title="显示工具栏"
window.parent.oa_frame.cols="0,10,*";
}
}
</script>
<style type="text/css">
body {
	background-image: url(img/main/img/Abg.gifGGG);
	background-color:blue;
}
</style>
</head>
<body text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
<table width="9" border="0" height="100%" cellpadding="0" cellspacing="0" align="left">
  <tr align="center"> 
    <td background="img/main/img/bg_1_hr.gifGGG" width=10> 
      <div id=oa_tree onclick="oa_tool();" title=隐藏工具栏><br>
        <img id=frameshow src="img/main/img/p_1.gif" width="9" height="50" >
        </div>
    </td>
  </tr>
</table>
</body>
</html>
分享到：
| frameset当中包含几个frame--oa
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    bootstrap4实现侧边导航栏带隐藏按钮

    这通常涉及到CSS的`display`属性和JavaScript事件监听器，例如`click`事件，来控制导航栏的显示和隐藏。 总的来说，Bootstrap 4 提供了一种简单而强大的方式来创建带有隐藏按钮的侧边导航栏，而且它的响应式设计使...

    bootstrap3 侧边导航栏

    最后，如果你的压缩包中包含的`sidebar`文件可能是一个示例代码或者CSS/JS文件，那么你可以参考这个文件来进一步定制你的侧边导航栏，比如添加自定义图标、子菜单、滚动监听等功能。 总的来说，Bootstrap3的侧边...

    页面隐藏菜单栏

    在IT行业中，页面隐藏菜单栏是一个常见的需求，特别是在设计网页或移动应用时，为了提供更好的用户体验，有时需要根据用户操作或特定场景动态显示或隐藏菜单栏。本篇将围绕这个主题，结合“ben_app”这个压缩包中的...

    jquery bootstrap侧边隐藏响应式下拉导航菜单栏

    【jQuery Bootstrap侧边隐藏响应式下拉导航菜单栏】是一种常见的网页设计技术，它结合了jQuery和Bootstrap框架的优势，为网站提供了一种高效、灵活且适应不同设备屏幕大小的导航结构。Bootstrap是Twitter开发的一个...

    html+css侧边伸缩导航栏

    在这个例子中，`&lt;div class="sidenav"&gt;` 定义了导航栏容器，每个链接或子菜单都包裹在 `&lt;a&gt;` 或嵌套 `&lt;div&gt;` 元素中。为了实现伸缩效果，我们通常会添加一个按钮来控制导航栏的展开和关闭，例如： ```html 展开/...

    基于jquery和Bootstrap3的隐藏侧边栏菜单

    在隐藏侧边栏菜单的实现中，jQuery起到了关键作用，通过监听用户的交互事件，如点击、滑动等，来控制侧边栏的显示和隐藏，实现了平滑的过渡效果。 具体实现过程中，侧边栏通常会嵌入在HTML结构中的一个容器元素内，...

    bootstrap侧边导航栏

    在这个例子中，我们添加了一个可折叠的导航栏，当屏幕尺寸较小时，导航项会收起并显示一个汉堡菜单图标。点击汉堡菜单后，`navbar-collapse`内的导航项会以列表形式展开。 对于动态交互，Bootstrap依赖于jQuery和...

    layui侧边收缩菜单

    在layui中，侧边收缩菜单是一项重要的功能，它能够帮助优化网页布局，提高用户体验。当我们点击图标时，菜单可以进行收缩或展开，使得页面在不同屏幕尺寸下都能保持良好的可读性和操作性。 首先，我们要理解layui的...

    html+css侧边抽屉式导航栏

    一个简单的侧边抽屉导航栏可能包括一个包含导航链接的`&lt;nav&gt;`元素，以及一个触发导航栏显示/隐藏的按钮。示例如下： ```html &lt;!DOCTYPE html&gt; 侧边抽屉式导航栏&lt;/title&gt; /* 在这里添加CSS样式 */ &lt;/style&gt;...

    HTML侧边浮动/固定栏

    这种布局技术在现代网页设计中非常实用，因为它能提供良好的用户体验，让用户在浏览长内容时仍然能够轻松访问侧边栏中的链接或功能。 首先，我们要理解浮动（Float）的概念。在CSS中，浮动是一种布局机制，允许元素...

    Div&左侧菜单栏

    标题中的“Div&左侧菜单栏”指的是在网页设计中使用HTML和CSS技术创建一个包含左侧菜单栏的布局。这种布局通常用于网站或应用程序，让用户能够方便地导航到不同的页面或功能。在这种布局中，主内容区域位于右侧，而...

    基于html和CSS3制作简单侧边导航栏

    - &lt;div class="sidebar"&gt;&lt;/div&gt;: 用于包裹整个侧边导航栏的容器，类名sidebar定义了这个容器的样式。 - &lt;ul&gt;&lt;/ul&gt;: 无序列表用于创建导航栏的菜单项。 - &lt;li&gt;&lt;/li&gt;: 列表项用于定义每个单独的导航链接。 - &lt;a&gt;&lt;/...

    Vue在页面右上角实现可悬浮/隐藏的系统菜单

    子组件接收`showCancel` prop，并使用`v-show`指令根据其值来显示或隐藏`.cancel-div`（系统菜单）。子组件的模板部分可能类似下面的代码： ```html &lt;div class="header-wrapper"&gt; ... &lt;div class="info-...

    jquery实现的隐藏在屏幕侧面的导航菜单

    本项目探讨的是如何使用jQuery实现一个隐藏在屏幕侧面的导航菜单，这种设计模式通常被称为侧滑或抽屉式菜单，常见于移动应用和响应式网页设计中。以下是对这个主题的详细阐述： 首先，我们需要理解jQuery的基本概念...

    jquery基于Bootstrap隐藏侧边栏菜单代码

    在本例中，Bootstrap 的导航栏和侧边栏组件是构建隐藏侧边栏菜单的基础。 其次，jQuery 是一个轻量级的 JavaScript 库，它简化了 JavaScript 的事件处理、DOM 操作和Ajax交互。在实现隐藏侧边栏菜单的功能时，...

    泡沫弹出框式的侧边导航菜单

    通过监听鼠标悬停事件（`hover`），可以控制`&lt;div&gt;`元素的显示与隐藏，以及平滑的动画过渡效果。代码片段如下： ```javascript $("ul.side_nav li").hover(function() { $(this).find("div").stop() .animate({...

    jQuery侧边悬浮栏在线客服代码.zip

    【jQuery侧边悬浮栏在线客服代码】是一种使用JavaScript库jQuery实现的网页交互功能，它主要用于增强网站用户体验，提供一种便捷的在线客服沟通渠道。在网页的侧边，这个悬浮栏通常以静默的方式存在，当用户鼠标浮动...

    JQuery横向纵向导航菜单

    - 使用CSS定义菜单的基本样式，包括颜色、字体、边距等，以及隐藏/显示子菜单的规则。例如： ```css #menu ul { list-style: none; margin: 0; padding: 0; } #menu li { position: relative; } .submenu...

    html5手机端点击滑动展开侧边栏菜单代码

    这种菜单在小屏幕设备上尤其实用，因为它可以节省空间，只在需要时显示菜单选项。 在HTML5中，实现这样的功能并不复杂，主要涉及以下几个技术点： 1. **媒体查询（Media Queries）**：HTML5引入了媒体查询，允许...

    记录原生html+js实现左侧导航栏右侧内容页的实现

    在网页设计中，左侧导航栏和右侧内容页的布局是一种常见的网页结构，广泛应用于各种网站，如企业官网、博客、论坛等。这种布局能够清晰地将网站的主要功能和具体内容划分开来，提供良好的用户体验。本篇文章将深入...

Magicbox
Global site tag (gtag.js) - Google Analytics