`
清风夜影寒
  • 浏览: 150942 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

左侧导航栏显隐功能

阅读更多
<!--转载自csdn-->
<!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=gb2312" />
<link rel="stylesheet" type="text/css" href="css/main.css">
<title>管理窗口</title>
    <script type="text/javascript">
        function BlockISnone()
        {
          var left_ID=$("left_1");
          var right_ID=$("right_1");
          var ImagesID=$("imagesID")
          if(left_ID.style.display=="block")
          {
            left_ID.style.display="none";
            ImagesID.src="images/right.gif";
            right_ID.style.width="99%";
          }
          else if(left_ID.style.display=="none")
          {
            left_ID.style.display="block";
            ImagesID.src="images/left.gif";
            right_ID.style.width="78.5%";
          }
         
        }
        function $(objectName)
        {
            return document.getElementById(objectName);
        }
    </script>
    <link href="DefauleCSS/css.css" rel="stylesheet" type="text/css" />
</head>

<body style="background-color:#CCC;">
<div id="Main" style=" width:1003px; height:100%;">
       <div id="top"><img src="images/df_01.gif" /></div>
       <div class="tongdao1 co2">
           Admin 欢迎你第225次登录本系统,您上次登录的日期:2009年10月20日 14:05:22
       </div>

      <div id="middle" style="margin:0px; padding:0px; width:1003px; height:100%; background-color:#000000; overflow:hidden;">
            <ul style="list-style-type:none; width:100%; margin:0px; height:100%; background:url(images/rightbg_03.gif) repeat-x center top; ">
                <li id="left_1" style="float:left; width:20.5%; height:576px; display:block; text-align:left;">
                       <iframe name="leftIframe" style="text-align:left;" id="leftIframe" src="left.html" runat="server" width="100%" height="100%" frameborder="0" scrolling="no"></iframe>
                </li>
                <li id="mid" style="float:left;width:5px; height:576px; text-align:center;border-right:1px solid #000; background-color:#CCC;">
                    <img id="imagesID" src="images/left.gif" onclick="BlockISnone();" alt="点击移动" style=" padding-top:300px;" />
              </li>
              <li id="right_1" style="float:left;width:78.5%; height:576px; background:url(images/rightbg_03.gif) repeat-x center top; text-align:center;">
                 <!-- <div id="right_Title" class="fonts1 co" style="height:30px; width:100%; margin:0px; padding:0px; text-align:center; line-height:30px;font-weight: bold; background:url(images/rightbg_03.gif) repeat-x center top;">XXX管理平台</div>-->
                  <div style="width:100%; height:576px;text-align:center; background:url(images/rightbg_03.gif) repeat-x center top; ">
                    <iframe name="rightIframe" id="rightIframe" allowtransparency="true" width="100%" height="600px" frameborder="0" scrolling="yes" style=" background:url(images/rightbg_03.gif) repeat-x center top;text-align:center;" src="admin.html" ></iframe>
                  </div>
              </li>
            </ul>
     </div> 
     <div class="fonts1 co" style="1003px; height:49px; line-height:49px; background:url(images/footsss_03.gif) repeat-x center top;">
     <span class=" fonts1 co" style="float:right">全程网络支持:筑巢数字&nbsp;&nbsp;</span>&nbsp;&nbsp;Add:武汉市江岸区洞庭街77号三楼&nbsp;&nbsp;Tel:207-82831172&nbsp;&nbsp;Fax:027-82800565
     </div>
     </div>           
</body>
</html>

0
4
分享到:
评论

相关推荐

    javascript经典特效---显隐的导航条.rar

    "显隐的导航条"是JavaScript实现的一个常见特效,它允许导航条在特定条件下显示或隐藏,提高用户体验。 在JavaScript中,实现导航条的显隐通常涉及以下知识点: 1. **DOM操作**:Document Object Model(DOM)是...

    鼠标定位即时显隐导航栏的创建.pdf

    鼠标定位即时显隐导航栏的创建.pdf

    很好用的JS左侧导航菜单,滑过显示,移开隐藏

    标题提到的"很好用的JS左侧导航菜单,滑过显示,移开隐藏"是一种常见的交互设计模式,它利用JavaScript(JS)来实现动态效果,增强用户的浏览体验。这种设计通常被称为“悬停显示”或“滑过菜单”,它在鼠标悬停时...

    vb虚拟桌面,兼有,隐藏文件和显隐功能!!

    二是具有隐藏文件和显隐功能,能够方便地对指定文件进行隐藏和显示。 首先,让我们详细了解一下双重桌面的功能。在日常工作中,我们往往需要同时处理多个任务,这可能会导致桌面混乱,难以集中注意力。VB虚拟桌面...

    js控制html控件显隐

    js控制html控件显隐 显隐 js控制html控件显隐 显隐

    利用Leaflet.js集成强大的船舶管理页面:集成标记/路线/区域绘制和动态显隐功能

    4.动态显隐功能:用户可以控制地图上不同元素的显示和隐藏,如根据船舶状态或用户权限动态调整可见性。 5.实时更新与交互:页面提供实时数据更新,确保信息的准确性,并允许用户与地图元素进行交互,如点击查看更多...

    联想隐藏盘显隐工具

    联想隐藏盘显隐工具的主要功能包括: 1. **显示隐藏分区**:当隐藏分区由于某些原因无法被系统识别或者在磁盘管理中消失时,该工具可以使其重新变得可见。这有助于用户检查和访问隐藏分区中的内容,比如恢复文件。 ...

    菜单显隐切换终极版

    在IT行业中,菜单显隐切换是一项常见的交互设计功能,它使得用户可以轻松地隐藏或显示菜单,提升用户体验。本文将详细解析"菜单显隐切换终极版"所涉及的知识点,并结合实际项目应用进行深入探讨。 首先,我们来看...

    基于Axure RP8的导航菜单层级显隐缩放功能

    基于Axure RP8的导航菜单层级显隐缩放功能。菜单缩放。层级显隐。各层级都可添加关联事件/页面

    显隐随心.msi

    快速切换窗口的显示与隐藏,拒绝他人的偷窥!支持XP、Win7、Win10。可自由定义鼠标、键盘操作窗口的显示与隐藏。

    javascript经典特效---图片显隐效果.rar

    在网页设计中,图片显隐效果是常见的视觉交互功能,它能提升网站的吸引力和用户交互性。本教程将深入探讨如何利用JavaScript实现图片的显示和隐藏。 在JavaScript中,操作DOM(Document Object Model)是实现图片...

    javascript经典特效---图片显隐变幻.rar

    在本案例中,“javascript经典特效---图片显隐变幻.rar”是一个包含JavaScript代码和相关资源的压缩包,其核心功能是实现图片的显示与隐藏效果,这种效果常用于网站上的轮播图、幻灯片展示等。 图片显隐变幻的实现...

    易语言源码非API显隐鼠标光标易语言例程.rar

    易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标...

    显隐器_可半透明_显隐器_

    显隐器这类工具允许用户查看并控制这些隐藏程序,即使它们不在任务栏或桌面图标中显示,也能被启用或关闭,增加了用户对系统运行状况的掌控力。 透明度调节是现代操作系统中的一个常见特性,尤其在UI设计中。在这款...

    js 特效 html 特效 跟随鼠标的显隐图片

    js 特效 html 特效 跟随鼠标的显隐图片 js 特效 html 特效 跟随鼠标的显隐图片

    iClient for JavaScript的几种图层显隐控制

    在GIS领域,图层控制是实现地图交互与可视化的核心功能之一。`iClient for JavaScript`是SuperMap提供的一款强大的JavaScript库,它允许开发者利用Web浏览器创建丰富的、交互式的地图应用。本文将深入探讨如何利用`...

    SuperMap iMobile for iOS 图层显隐切换

    本教程将详细讲解如何在SuperMap iMobile for iOS中实现图层的显隐切换功能,这是一项对于GIS应用非常实用且常见的操作。 首先,我们需要了解在SuperMap iMobile中图层的概念。图层是地图数据的组织单元,可以包含...

    图片轮播展示——使用图片显隐控制.htm

    图片轮播展示——使用图片显隐控制.htm

    固定在网页左右侧的可显隐浮动层

    这种设计常用于创建菜单栏或者在线客服功能。 首先,我们来探讨一下左侧和右侧浮动层的设计原理。在网页布局中,左侧浮动层通常用作导航菜单,因为人眼阅读习惯是从左到右,这样可以方便用户快速找到页面的主要部分...

    子图层控制-直接控制显隐.html

    子图层控制,通过图层索引号直接控制显隐 服务地址:https://iserver.supermap.io/iserver/services/maps/rest/maps/World

Global site tag (gtag.js) - Google Analytics