`
清风夜影寒
  • 浏览: 150053 次
  • 性别: 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
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics