`
chenhua_1984
  • 浏览: 1252023 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

左边菜单隐藏，右边全屏

JavaScriptCSSHTML 
阅读更多 
<html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>hehe</title>  
  <style   type="text/css">  
  .td-mid   {background-color:black;   cursor:pointer;}  
  .td-mid1   {background-color:black;   cursor:pointer;}  
  </style>  
  <SCRIPT   language="javascript"   type="text/javascript">  
    //把左边菜单隐藏  
  function   changeLeft()  
  {  
  left   =   document.getElementById("leftMenu");  
  mid=document.getElementById("menuSwitch");  
  right=document.getElementById("rightMenu");  
  if(left.style.display   ==   ''){  
  left.style.display   =   'none';  
  mid.className   =   'td-mid1';  
  mid.style.width='3%';  
  right.style.width='97%';  
   
  }  
  else{  
  left.style.display   =   '';  
  mid.className   =   'td-mid';  
  mid.style.width='2%';  
  right.style.width='78%';  
   
   
  }  
  }  
      </SCRIPT>  
  </head>  
  <body   topmargin="0"   leftmargin="0">  
  <table   width="100%"   height="100%"   border="0"   cellpadding="0"   cellspacing="1">  
      <form   name="policyform"   action=""   method="POST">  
          <tr>  
              <td   valign="top"   class="OB-BC"     id="leftMenu">
              	<table   width="100%"   border="0"   cellpadding="0"   cellspacing="1">  
                      <tr>  
                          <td   valign="top"><table   width="100%"     border="0"   cellpadding="2"   cellspacing="2">  
                                  <tr>  
                                      <td   ><table   width="100%"   cellspacing="0"   cellpadding="0">  
                                              <tr>  
                                                  <td   width="8%">&nbsp;</td>  
                                                  <td   width="92%">左边</td>  
                                              </tr>  
                                          </table></td>  
                                  </tr>  
                              </table></td>  
                      </tr>  
                  </table>
              </td>  
              <td   style="width:2%;"   class="td-mid"   valign="top"   id="menuSwitch"   onClick="changeLeft()"></td>  
              

              <td   valign="top"      id=rightMenu>  
                  <table   cellpadding="2"   cellspacing="1"   width="100%"   border="0">  
                      <tr   align="center">  
                          <td><table   width="100%"   cellspacing="0"   cellpadding="0">  
                                  <tr>  
                                      <td>右边</td>  
                                  </tr>  
                              </table></td>  
                      </tr>  
                  </table></td>  
          </tr>  
          <tr>  
              <td   height="25"   colspan="3"   style="background-color:#00FF00   ">copyright</td>  
          </tr>  
      </form>  
  </table>  
  </body>  
  </html>
 
0
顶
0
踩
分享到：
| Java 观察者模式observer
评论
发表评论

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

相关推荐

    vue.js实现左边导航切换右边内容

    - 导航栏中每个菜单项对应右边的一个视图内容，点击不同的菜单项，可以通过改变视图组件来切换展示的内容。 2. **Vue.js中的组件化**： - 文档中提到使用`&lt;template&gt;`和`&lt;script&gt;`标签定义Vue组件，分别用来定义...

    苹果iPhone隐藏功能大揭秘.pdf

    iPhone4 一个很炫的功能就是屏幕显示可以随手机的方向自动旋转，如果您连按两次home 键，呼出后台程序菜单，然后用手指向右滑动，在滑出的菜单中的最左边一项就是锁定屏幕功能，使用这个功能可以使iPhone4 的屏幕不...

    电脑快捷键

    - **左方向键 打开左边的下一菜单或者关闭子菜单** - 功能：返回上一级菜单。 - 场景：在菜单中后退。 - **BackSpace 在“我的电脑”或“Windows资源管理器”中查看上一层文件夹** - 功能：返回上级文件夹。 - ...

    typora工具安装（一款强大灵活的md工具）

    10. 全屏模式：为了提供沉浸式的写作体验，Typora还提供了全屏模式，隐藏所有工具栏，只显示文本内容。 总之，Typora凭借其直观的用户界面、强大的Markdown支持和丰富的定制选项，已经成为Markdown爱好者和专业人士...

    delphi 开发经验技巧宝典源码

    0093　使用LeftStr函数从左边取得指定个数的字符串　65 0094　使用RightStr函数从右边取得指定个数的字符串　65 0095　使用Length函数取得一段字符串的长度　65 0096　使用Pos函数返回子字符串第一次出现的索引值　...

    delphi 开发经验技巧宝典源码06

    0093　使用LeftStr函数从左边取得指定个数的字符串　65 0094　使用RightStr函数从右边取得指定个数的字符串　65 0095　使用Length函数取得一段字符串的长度　65 0096　使用Pos函数返回子字符串第一次出现的索引值　...

    Linux快捷键.txt

    - **Ctrl + Alt + D:** 隐藏所有窗口并聚焦桌面。 - **Ctrl + Alt + L:** 锁定屏幕。 - **Ctrl + Alt + Backspace:** 重启图形界面。 - **Ctrl + Alt + Fn:** 在不同的虚拟终端之间切换。 - **Ctrl + Alt + Shift +*...

    Eclipse快捷键大全

    - **应用场景**：需要全屏查看某个文件或视图时使用。 **Ctrl+/ 注释当前行，再按则取消注释** - **用途**：为当前行添加或移除注释标记。 - **应用场景**：临时关闭某些代码执行时使用。 **Ctrl+O 快速显示...

    C#编程经验技巧宝典

    2 &lt;br&gt;0003　设置程序代码行序号　3 &lt;br&gt;0004　开发环境全屏显示　3 &lt;br&gt;0005　设置窗口的自动隐藏功能　3 &lt;br&gt;0006　根据需要创建所需解决方案　4 &lt;br&gt;0007　如何使用“验证的目标架构”功能　4 ...

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