左边菜单隐藏，右边全屏

chenhua_1984

浏览: 1233446 次
性别:
来自: 杭州

最近访客更多访客>>

hy811014

jmi_hua

jin_config

大二三炮

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

js,jquery,json,xml,dom,html.regex

JavaScript CSS HTML

<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 装饰器模式 | Java 观察者模式observer

2010-01-06 17:12
浏览 2403
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

左边菜单隐藏，右边全屏

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

左边菜单隐藏，右边全屏

评论

发表评论

相关推荐

web页面调用window.print()函数实现打印的功能

jquery 排序插件 tablesorter

正则表达式基础学习六：匹配字母和数字和下划线

正则表达式基础学习五：匹配数字

正则表达式学习基础四：空白元字符

正则表达式学习基础三：使用元字符.[]

正则表达式学习基础二

正则表达式基础学习一

setTimeout 和 setInterval 的区别

js+html类似QQ右下角弹出提示的效果

jquery jmpopups 弹出新窗口，可以弹多个

Jquery Ingrid 表格插件的使用

html关闭“双击输入框出现提示”这个问题

ajax学习笔记之一

firefox3不能获得html file的全路径的问题

js添加一个新行，可以输入的Input，用于添加更多的业务

获得select的innerText的值，在fireFox和IE里，Opera

innerHTML IE bug未知的错误

CSS样式学习笔记之五：表格的学习和表格的样式

js操作html的table,包括添加行，添加列，删除行，删除列，合并单元格（未实现）

最近访客更多访客>>