清风夜影寒 发表于 2013-2-7 15:21:36

左侧导航栏显隐功能

<!--转载自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"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">全程网络支持：筑巢数字  </span>  Add：武汉市江岸区洞庭街77号三楼  Tel：207-82831172  Fax:027-82800565
   </div>
   </div>            
</body>
</html>
页: [1]
查看完整版本: 左侧导航栏显隐功能