收缩式导航菜单
来源：互联网 发布：hbm显存 知乎 编辑：程序博客网 时间：2024/04/28 22:40
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<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;
obj.filters.alpha.opacity+=20;
obj2.background="images/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');
}
}
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;
obj.filters.alpha.opacity-=10;
obj2.background="images/title_show.gif";
myObj=obj;
mymaxg=maxg
myObj2=obj2;
setTimeout('hide(myObj,mymaxg,myObj2)','5');
}
else if(whichContinue) whichContinue.click();
}
function chang(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 height=30
src="images/title.gif" width=158></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';"
onclick=chang(menu1,50,list1);
onmouseout="this.typename='list_title';"
background="images/title_show.gif"
height=25><span>网站管理</span> </td>
</tr>
<tr>
<td align="center" valign="middle">
<div class=sec_menu id=menu1
style="DISPLAY: none; FILTER: alpha(Opacity=0); width: 158px; height: 0px">
<table cellSpacing="0"
cellPadding="0" width=152 align="center" background="images/bg.gif" style="padding-left:5px">
<tr>
<td height=25><a href="user/change.jsp" target="BoardList">更改初始信息</a></td>
</tr>
<tr>
<td height=25><a href="system/admin_server.jsp" 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';"
onclick=chang(menu2,160,list2);
onmouseout="this.typename='list_title';"
background="images/title_show.gif"
height=25><span>信息管理</span> </td>
</tr>
<tr>
<td align="center">
<div class=sec_menu id=menu2
style="DISPLAY: none; FILTER: alpha(Opacity=0); width: 158px; height: 0px">
<table cellSpacing=2
cellPadding="0" width=152 align="center" background="images/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';"
onclick=chang(menu10,40,list10);
onmouseout="this.typename='list_title';"
background="images/title_show.gif"
height=25><span>景点管理</span> </td>
</tr>
<tr>
<td valign="middle">
<div class=sec_menu id=menu10
style="DISPLAY: none; FILTER: alpha(Opacity=0); width: 158px; height: 0px">
<table width=152 align=center
cellPadding="0" cellSpacing=2 background="images/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';"
onclick=chang(menu4,50,list4);
onmouseout="this.typename='list_title';"
background="images/title_show.gif"
height=25><span>房间管理</span> </td>
</tr>
<tr>
<td valign="middle">
<div class=sec_menu id=menu4
style="DISPLAY: none; FILTER: alpha(Opacity=0); width: 158px; height: 0px">
<table cellSpacing=2
cellPadding="0" width=152 align="center" background="images/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';"
onclick=chang(menu7,80,list7);
onmouseout="this.typename='list_title';"
background="images/title_show.gif"
height=25><span>订单管理</span> </td>
</tr>
<tr>
<td valign="middle"> <div class=sec_menu id=menu7
style="DISPLAY: none; FILTER: alpha(Opacity=0); width: 158px; height: 0px">
<table width=152 align=center
cellPadding="0" cellSpacing=2 background="images/bg.gif" style="padding-left:5px">
<tr>
<td height=25><a href="dg/subpass.jsp" target="BoardList">订单管理</a></td>
</tr>
<tr>
<td height=25><a href="dg/submitsub.jsp" target="BoardList">已确认订单</a></td>
</tr>
<tr>
<td height=25><a href="dg/email.jsp" 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';"
onclick=chang(menu57,30,list57);
onmouseout="this.typename='list_title';"
background="images/title_show.gif"
height=25><span>反馈管理</span> </td>
</tr>
<tr>
<td valign="middle"> <div class=sec_menu id=menu57
style="DISPLAY: none; FILTER: alpha(Opacity=0); width: 158px; height: 0px">
<table width=152 align=center
cellPadding="0" cellSpacing="0" background="images/bg.gif">
<tr>
<td height="30" style="padding-left:5px"><a href="guest/default.jsp" target="BoardList">反馈信息管理</a></td>
</tr>
</table>
</div></td>
</tr>
<tr>
<td height="40" valign="middle"> <div class=sec_menu id=menu8
style="FILTER: alpha(Opacity=100); width: 158px; height:40px"><img src="images/bottom.gif" width="158" height="30"></div></td></tr></table>
</body>
</html>
- 收缩式导航菜单
- 滑动收缩导航菜单
- 三级导航菜单,三级竖向展开/收缩导航菜单
- 三级导航菜单,三级竖向展开/收缩导航菜单
- 收缩式菜单
- Android收缩式菜单demo
- 自动收缩的JS+CSS三级折叠导航菜单
- JS之三级竖向展开/收缩导航菜单
- 收缩菜单
- IOS收缩式导航条的实现
- 下拉式导航菜单
- 目录式导航菜单
- 流式导航菜单
- 收缩导航条
- dwz ria 1.4.4版本下左边导航菜单点 - 号不能收缩的解决方案
- 收缩下拉菜单收集
- JS实现菜单收缩
- js菜单收缩
- 使用Dundas控件在web应用上展现多维数据集
- 自动隐藏式菜单
- Oracle在DOS下的启动
- 经济
- JS精确到小数点后N位
- 收缩式导航菜单
- 的
- 我
- VS2008正式版序列号
- GridView 双击选择行
- 几个关于GNU gprof的介绍文章
- 表单name与id的区别和相似之处
- 弹出右下角JS小窗口
- JS的window.createPopup()学习
