<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>收缩式导航菜单</title>
<STYLE type=text/css>
BODY {
 BACKGROUND: #EEEEFF; MARGIN: 0px; FONT: 9pt 宋体
}
TABLE {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TD {
 FONT: 12px 宋体
}
img {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
A {
 FONT: 12px 宋体; COLOR: #215dc6; TEXT-DECORATION: none
}
A:hover {
 COLOR: #428eff
}
.sec_menu {
 BACKGROUND: #EEEEFF; OVERFLOW: hidden;
}
.list_title {
 
}
.list_title SPAN {
 FONT-WEIGHT: bold;
 LEFT: 8px;
 COLOR: #215dc6;
 POSITION: relative;
 TOP: 2px;
 visibility: visible;
}
.list_title2 {
 
}
.list_title2 SPAN {
 FONT-WEIGHT: bold; LEFT: 8px; COLOR: #428eff; POSITION: relative; TOP: 2px
}
</STYLE>
<script language="javascript">
//展开菜单项
 
function show(obj,maxg,obj2){
  if(obj.style.pixelHeight<maxg){
    obj.style.pixelHeight+=maxg/10;
 obj2.background="../p_w_picpaths/title_hide.gif";  //改变菜单标题的背景
    if(obj.style.pixelHeight==maxg/10){ 
   obj.style.display='block';  //设置指定菜单项显示
 }
 myObj=obj;
 mymaxg=maxg;
 myObj2=obj2;
 setTimeout('show(myObj,mymaxg,myObj2)','5');  //每隔一段时间调用一次show函数,用于实现渐渐展开效果
  }
}
//收缩菜单项
 
function hide(obj,maxg,obj2){
  if(obj.style.pixelHeight>0){
    if(obj.style.pixelHeight==maxg/5){
   obj.style.display='none';   //设置指定菜单项隐藏
 }
    obj.style.pixelHeight-=maxg/5;
 obj2.background="../p_w_picpaths/title_show.gif";  //改变菜单标题的背景
 myObj=obj;
 mymaxg=maxg
 myObj2=obj2;
 setTimeout('hide(myObj,mymaxg,myObj2)','5');  //每隔一段时间调用一次hide函数,用于实现渐渐收缩效果
  }else if(whichContinue){
    whichContinue.click();
  }
}
//单击菜单标题时,控制菜单项的展开和收缩
 
function change(obj,maxg,obj2){
  if(obj.style.pixelHeight){
    hide(obj,maxg,obj2);  //收缩菜单项
 nopen='';
 whichcontinue='';
  }else if(nopen){    //收缩已经展开的菜单项
   whichContinue=obj2;
      nopen.click();
 }else{
   show(obj,maxg,obj2);  //展开菜单项
   nopen=obj2;
   whichContinue='';
 }
}
</script>
</head>
<body leftmargin="0" topmargin="0" bgcolor="#FF9800">
<table cellSpacing="0" cellPadding="0" width="100%" align="left" border="0" bgcolor="#EEEEFF">
<tr>
  <td vAlign=top><table cellSpacing="0" cellPadding="0" width="158" align="center">
      <tr style="CURSOR: hand">
        <td vAlign=bottom height=42><img src="../p_w_picpaths/title.gif"></img></td>
      </tr>
    </table>
    <table cellSpacing="0" cellPadding="0" width="158" align="center">
    
      <tr style="CURSOR: hand">
        <td class="list_title" id="list1" onmouseover="this.typename='list_title2';"   onmouseout="this.typename='list_title';" background="../p_w_picpaths/title_show.gif" height="25"><span>网站管理</span></td>
      </tr>
      <tr>
        <td align="center" valign="middle"><div class=sec_menu id=menu1 style="DISPLAY: none; width: 158px; height: 0px">
            <table  cellSpacing="0"
            cellPadding="0" width="152" align="center"  background="../p_w_picpaths/bg.gif" style="padding-left:5px">
              <tr>
                <td height="25"><a href="#" target="BoardList">更改初始信息</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">查看服务器信息</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </table>
    <table cellSpacing="0" cellPadding="0" width="158" align="center">
      <tr style="CURSOR: hand">
        <td class="list_title" id="list2"
          onmouseover="this.typename='list_title2';"
         
          onmouseout="this.typename='list_title';"
          background="../p_w_picpaths/title_show.gif"
            height="25"><span>信息管理</span> </td>
      </tr>
      <tr>
        <td align="center"><div class="sec_menu" id="menu2" style="DISPLAY: none; width: 158px; height: 0px">
            <table  cellSpacing=2
            cellPadding="0" width="152" align="center"  background="../p_w_picpaths/bg.gif" style="padding-left:5px">
              <tr>
                <td height="25"><a href="#" target="BoardList">宾馆简介管理</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">地理位置管理</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">会展中心管理</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">餐饮美食管理</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">商务中心管理</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">其他管理</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </table>
    <table cellSpacing="0" cellPadding="0" width="158" align="center">
      <tr style="CURSOR: hand">
        <td class="list_title" id="list10"
          onmouseover="this.typename='list_title2';"
          "
          onmouseout="this.typename='list_title';"
          background="../p_w_picpaths/title_show.gif"
            height="25"><span>景点管理</span> </td>
      </tr>
      <tr>
        <td valign="middle"><div class="sec_menu" id="menu10" style="DISPLAY: none;width: 158px; height: 0px">
            <table width="152" align="center"
            cellPadding="0"  cellSpacing=2  background="../p_w_picpaths/bg.gif" style="padding-left:5px">
              <tr>
                <td height=40><a href="#" target="BoardList">旅游景点管理</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </table>
    <table cellSpacing="0" cellPadding="0" width="158" align="center">
      <tr style="CURSOR: hand">
        <td class="list_title" id="list4"
          onmouseover="this.typename='list_title2';"
          "
          onmouseout="this.typename='list_title';"
          background="../p_w_picpaths/title_show.gif"
            height="25"><span>房间管理</span> </td>
      </tr>
      <tr>
        <td valign="middle"><div class="sec_menu" id="menu4" style="DISPLAY: none; width: 158px; height: 0px">
            <table  cellSpacing="0" cellPadding="0" width="152" align="center" background="../p_w_picpaths/bg.gif" style="padding-left:5px">
              <tr>
                <td height="25"><a href="#" target="BoardList">房间类型</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">客房服务管理</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </table>
    <script language="javascript">
  var nopen="";
  var whichContinue="";
      </script>
    <table width="158" align="center" cellPadding="0" cellSpacing="0">
      <tr style="CURSOR: hand">
        <td class="list_title" id="list7"
          onmouseover="this.typename='list_title2';"
         
          onmouseout="this.typename='list_title';"
          background="../p_w_picpaths/title_show.gif"
            height="25"><span>订单管理</span> </td>
      </tr>
      <tr>
        <td valign="middle"><div class="sec_menu" id="menu7" style="DISPLAY: none; width: 158px; height: 0px">
            <table width="152" align="center"
            cellPadding="0"  cellSpacing=2  background="../p_w_picpaths/bg.gif" style="padding-left:5px">
              <tr>
                <td height="25"><a href="#" target="BoardList">订单管理</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">已确认订单</a></td>
              </tr>
              <tr>
                <td height="25"><a href="#" target="BoardList">回复管理</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
    </table>
    <table cellSpacing="0" cellPadding="0" width="158" align="center">
      <tr style="CURSOR: hand">
        <td class="list_title" id="list57"
          onmouseover="this.typename='list_title2';"
         
          onmouseout="this.typename='list_title';"
          background="../p_w_picpaths/title_show.gif"
            height="25"><span>反馈管理</span> </td>
      </tr>
      <tr>
        <td valign="middle"><div class="sec_menu" id="menu57" style="DISPLAY: none; width: 158px; height: 0px">
            <table width="152" align="center"
            cellPadding="0"  cellSpacing="0" background="../p_w_picpaths/bg.gif">
              <tr>
                <td height="30" style="padding-left:5px"><a href="#" target="BoardList">反馈信息管理</a></td>
              </tr>
            </table>
          </div></td>
      </tr>
      <tr>
        <td height="40" valign="middle"><div class="sec_menu" id="menu8" style="width: 158px; height:40px"><img src="../p_w_picpaths/bottom.gif"></img></div></td>
      </tr>
    </table>
    </td>
    </tr>
    </table>
</body>
</html>