`

点击隐藏页面左栏或右栏

 
阅读更多
<style type="text/css">
<!--
.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}
.STYLE1 {FONT-FAMILY: Webdings; FONT-SIZE: 9pt; cursor: hand;}
-->
</style>
<script>
function switchSysBar(){
if (switchPoint.innerText==3){
switchPoint.innerText=4
document.all("frmTitle").style.display="none"
}else{
switchPoint.innerText=3
document.all("frmTitle").style.display=""
}}
</script>
<table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%">
  <tr>
    <td width="20%" align="middle" vAlign="center" noWrap bgcolor="#CC99FF" id="frmTitle" name="frmTitle"> </td>
    <td class=a2 style="WIDTH: 9pt"><table border="0" cellPadding="0" cellSpacing="0" height="100%">
      <tr>
        <td style="HEIGHT: 100%" onClick="switchSysBar()"><font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff"> <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <br>
                <font color="#FF0000"><br>
                <br>
                <br>
                <br>
                <br>
                <span class="STYLE1" id="switchPoint" title="关闭/打开左栏">3</span><br>
                <br>
                <br>
                <br>
                <br>
                <br>
                </font><br>
                <br>
          屏幕切换 </font></td>
      </tr>
    </table></td>
    <td bgcolor="#FFCC99" style="WIDTH: 100%"> </td>
  </tr>
</table>

 

分享到:
评论

相关推荐

    点击隐藏页面左栏或右栏实现js代码

    点击隐藏页面左栏或右栏(同一TABLE中) 代码如下: &lt;style type=”text/css”&gt; &lt;!– .navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt} .STYLE1 {FONT-FAMILY: Webdings; FONT...

    iframe实现左侧菜单右侧页面简单示例

    "iframe实现左侧菜单右侧页面简单示例"就是一个典型的双栏布局模式,常用于展示左侧导航菜单,右侧则展示对应的内容区域。这种设计模式在很多网站和管理系统中都很常见。 Iframe,全称"Inline Frame",是HTML中的一...

    左侧点击菜单tab切换网页特效

    左侧菜单布局便于用户快速找到所需信息,因为人类阅读习惯通常是从左到右。 - 菜单项应清晰明了,每个选项对应一个具体的功能或内容板块,避免过于复杂的层级结构,以便用户快速理解和操作。 2. **Tab切换原理**:...

    页面左右收缩.rar

    这个效果允许用户通过点击某个元素(例如一个`div`)来隐藏左侧内容,将右侧部分扩展到全屏,从而提供更专注的浏览体验。在HTML中实现这种功能通常涉及JavaScript、CSS以及可能的jQuery库的配合使用。 1. **HTML ...

    导航左右移动

    4. JavaScript代码会根据用户点击的按钮,调整`div`元素的`transform`属性,实现向左或向右移动的效果。 此外,考虑到可访问性和用户体验,开发者还需要确保这些按钮有明确的标签和提示,比如使用ARIA属性来帮助...

    以实验管理系统为例 实现了左侧菜单切换右侧内容等功能

    4. 当点击事件发生时,根据菜单项的标识来决定加载或切换右侧内容。这可以通过操作DOM元素或者使用AJAX异步加载新的内容来实现。 总的来说,这个实验管理系统通过整合HTML、CSS、jQuery和Bootstrap,实现了后台管理...

    左侧导航栏

    标题 "左侧导航栏" 暗示我们正在讨论的是网页设计中的一个重要元素,通常在页面左侧显示,用于引导用户在网站或应用中导航。这种设计模式常见于许多现代Web应用程序和管理界面,它帮助用户快速访问不同的功能和信息...

    html+jquery+CSS实现最简单的右侧导航栏效果

    在页面加载完成后,我们添加一个点击事件监听器到一个触发元素,例如一个按钮,当按钮被点击时,导航栏的`show`类将被添加或移除: ```javascript $(document).ready(function() { $("#toggleButton").click...

    左右两边隐藏展开的QQ客服

    在本例中,QQ客服图标会隐藏在页面的左右两侧,当用户需要时可以通过点击或滑动来触发展开,既保持了页面的清爽,又确保了客服功能的便捷性。 “QQ客服”通常指的是腾讯提供的即时通讯工具,用于企业与客户之间的...

    Android 模仿renren的左右划动菜单栏

    - **Relative Layout属性调整**:为了实现左右滑动菜单栏,可能需要通过调整相对布局的属性(如android:layout_alignParentEnd或android:layout_alignParentStart)来控制菜单的显示和隐藏。 3. **菜单数据的加载*...

    左边menu导航条,关闭状态只显示缩略图标,用户可以点击图标进行快速切换,在左侧导航栏向右滑动,将打开导航条

    当用户需要查看或操作更多功能时,可以通过点击图标或者在左侧导航栏向右滑动来展开导航条,从而露出完整菜单,实现快速切换不同页面或功能。 首先,我们来看一下这种设计模式的优点: 1. **空间优化**:在移动设备...

    BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)

    在本文中,我们将探讨如何使用Bootstrap实现响应式布局的导航栏,并在小屏幕或手机屏幕上实现折叠隐藏效果。 首先,为了实现响应式导航栏,我们需要引入Bootstrap的相关CSS和JS文件。在HTML文档的`&lt;head&gt;`部分,...

    C#Winform界面布局设计(左侧菜单)右侧窗口操作

    MenuStrip可以创建一个顶部菜单栏,通过添加MenuItem来表示各个菜单项。每个MenuItem可以有子MenuItem,形成下拉菜单结构,这正是我们通常看到的菜单系统。 在描述中提到了“左侧菜单”,这可能意味着我们需要使用...

    jquery支持键盘左右按键切换的选项卡导航菜单代码并可隐藏.zip

    用户可以通过点击选项卡切换内容,使得页面保持简洁而不失信息的完整性。 在jQuery中实现选项卡导航,通常涉及以下步骤: 1. **DOM元素选择**:使用jQuery选择器选取用于创建选项卡的HTML元素,例如`ul`和`li`元素...

    微信小程序中的滑动页面隐藏和显示组件功能的实现代码

    例如,当页面滚动到一定高度时,导航栏或底部按钮等可以自动隐藏,当用户向上滚动页面时,这些元素又会重新显示出来。 本文将介绍如何通过编写wxml、wxss和js代码来实现上述功能。首先,我们可以在wxml文件中定义...

    iframe异步加载实现点击左边菜单加载右边内容实例讲解

    2、在Default页面引入jquery文件并在body中加入也下代码: 代码如下:&lt;div xss=removed&gt; ”butten” xss=removed&gt; 局部刷新(框架加载页面) &lt;/div&gt; ”hidden” xss=removed&gt; 我是隐藏的,点击局部刷新

    html+css侧边伸缩导航栏

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

    完整版显示&隐藏桌面图标和任务栏.rar

    "完整版显示&隐藏桌面图标和任务栏.rar"这个压缩包可能包含了一系列教程、工具或设置方法,帮助用户了解如何在需要时显示或隐藏这些元素,以优化工作环境或解决显示问题。下面我们将详细探讨相关的知识点。 1. **...

    Div&左侧菜单栏

    3. 添加交互性:使用jQuery或其他JavaScript库来添加动态效果,如点击菜单项时显示或隐藏内容,或者使用滑动效果来展开和收起菜单。 4. 考虑响应式设计:为了确保在不同设备上都有良好的用户体验,可能需要使用媒体...

Global site tag (gtag.js) - Google Analytics