象QQ一样的自动伸缩菜单

原创 2004年09月15日 18:53:00

象QQ一样的自动伸缩菜单

源作者:追风                   人气:17226
<table border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#6699CC">
<tr>
 <td align="center"><font color="#FFFFFF">员工:系统管理员</font></td>
</tr>
</table>
<table style="cursor : hand" onClick="return chg_chnl('work');" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>工作目录</nobr></font></td>
 <td align="center"><div id="div_work" class="jd">5</div></td>
</tr>
<tr>
 <TD height=1 bgcolor="#EFEFEF" colspan=2><img src="" height=1 width=100 border=0></td>
</tr>
</table>
<div id="work" style="display : ">
<table border="0" cellpadding=1 cellspacing=1>
 <!--tr>
  <td align="center"><a href="customer_service/list.asp" target="main"><img src="images/customer_service.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="customer_service/list.asp" target="main"><nobr>客户服务</nobr></a></td>
 </tr-->
 <tr>
  <td align="center"><a href="customer/list.asp" target="main"><img src="images/customer.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="customer/list.asp" target="main"><nobr>客户管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="project/list.asp" target="main"><img src="images/project.jpg" width=25 height=25 width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="project/list.asp" target="main"><nobr>项目管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="contract/list.asp" target="main"><img src="images/contract.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="contract/list.asp" target="main"><nobr>合同管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="document/list.asp" target="main"><img src="images/document.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="document/list.asp" target="main"><nobr>文档管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="employee/list.asp" target="main"><img src="images/employee.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="employee/list.asp" target="main"><nobr>人事管理</nobr></a></td>
 </tr>
</table>
</div>
<table style="cursor : hand" onClick="return chg_chnl('myhome');" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>个人工具</nobr></font></td>
 <td align="center"><div id="div_myhome" class="jd">6</div></td>
</tr>
<tr>
 <TD height=1 bgcolor="#EFEFEF" colspan=2><img src="" height=1 width=100 border=0></td>
</tr>
</table>
<div id="myhome" style="display : none">
<table border="0" cellpadding=1 cellspacing=1>
 <tr>
  <td align="center"><a href="employee/msg.asp" target="main"><img src="images/msg.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="employee/msg.asp" target="main"><nobr>消息管理</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="setup.asp" target="foot"><img src="images/personal.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="setup.asp" target="foot"><nobr>个性设置</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="loginname.asp" target="foot"><img src="images/password.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="loginname.asp" target="foot"><nobr>修改用户名</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="password.asp" target="foot"><img src="images/password.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="password.asp" target="foot"><nobr>修改密码</nobr></a></td>
 </tr>
</table>
</div>
<table style="cursor : hand" onClick="return chg_chnl('system');" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>系统管理</nobr></font></td>
 <td align="center"><div id="div_system" class="jd">6</div></td>
</tr>
<tr>
 <TD height=1 bgcolor="#EFEFEF" colspan=2><img src="" height=1 width=100 border=0></td>
</tr>
</table>
<div id="system" style="display : none">
<table border="0" cellpadding=1 cellspacing=1>
 <tr>
  <td align="center"><a href="system/employee.asp" target="main"><img src="images/auth.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/employee.asp" target="main"><nobr>权限分配</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/transfer_rec.asp" target="main"><img src="images/transfer.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/transfer_rec.asp" target="main"><nobr>工作移交</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/branch.asp" target="main"><img src="images/branch.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/branch.asp" target="main"><nobr>分 公 司</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/op_rec.asp" target="main"><img src="images/op_rec.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/op_rec.asp" target="main"><nobr>操作日志</nobr></a></td>
 </tr>
 <tr>
  <td align="center"><a href="system/doc_type.asp" target="main"><img src="images/document.jpg" width=25 height=25 border="0"></a></td>
  <td align="center"><a class="menuparent" href="system/doc_type.asp" target="main"><nobr>文档类型</nobr></a></td>
 </tr>
</table>
</div>
<table style="cursor : hand" onClick="return chg_chnl('exit');" border=0 cellpadding=0 cellspacing=0 width="100%" bgcolor="#BBBBBB">
<tr>
 <td align="center"><font color="#FFFFFF"><nobr>退出系统</nobr></font></td>
 <td align="center"><div id="div_exit" class="jd">6</div></td>
</tr>
</table>
</center>
</body>
</html>
<script language="JavaScript" type="text/javascript">
 function chg_chnl(chnl){
  if(document.all){
   work.style.display = "none"; div_work.innerHTML = "6";
   system.style.display = "none"; div_system.innerHTML = "6";
   myhome.style.display = "none"; div_myhome.innerHTML = "6";
   switch(chnl){
    case "work":
     work.style.display = ""; div_work.innerHTML = "5"; break;
    case "system":
     system.style.display = ""; div_system.innerHTML = "6"; break;
    case "myhome":
     myhome.style.display = ""; div_myhome.innerHTML = "6"; break;
    case "exit":
     top.location.href = "exit.asp"; break;
    default:
     work.style.display = ""; break;
   }
  }
  return false;
 }
</script>

unity-Ugui-伸缩缩菜单显示固定内容一一一一新手

using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI;...
  • qq_40594848
  • qq_40594848
  • 2017年12月14日 19:02
  • 52

Swift - 侧滑菜单的实现(样例2:仿QQ,菜单带缩放效果)

Swift - 侧滑菜单的实现(样例2:仿QQ,菜单带缩放效果) 2016-01-25 08:45发布:hangge浏览:888 前面我写了一篇文章介绍如何实现侧滑菜单:Swi...
  • qq_31292239
  • qq_31292239
  • 2016年07月12日 16:26
  • 912

关于伸缩菜单js代码正确实现

今天在imooc上看的伸缩菜单的js实现 http://www.imooc.com/video/93 自己实践的时候发现这个代码是有问题的。     先上错误代码 第一个 第二个 ...
  • qflyalltime
  • qflyalltime
  • 2017年03月29日 12:13
  • 431

用jquery实现菜单的伸缩 功能

伸缩菜单 $(document).ready(function (){ //找到所有的span,并且点击span以后,控制一下元素div的显示和隐藏 $("span").click(f...
  • HUMHSX
  • HUMHSX
  • 2012年03月27日 22:45
  • 1620

HTML/CSS导航菜单-伸缩菜单的制作(垂直方向)

*{ padding:0px; margin:0px; font-size: 14px; } ul{ height: 31px; padd...
  • qq_35354855
  • qq_35354855
  • 2017年09月17日 20:40
  • 465

jquery特效-鼠标点击上下伸缩式菜单

jquery特效-鼠标点击上下伸缩式菜单             *{padding:0px;margin:0px;} .nav{width:210px; b...
  • luo1728210158
  • luo1728210158
  • 2016年06月27日 19:58
  • 1453

UGUI菜单栏伸缩

UGUI菜单栏伸缩demo地址,失效了可以找我。。。 http://pan.baidu.com/s/1hs1evFu using System.Collections.Generic; using...
  • u013452440
  • u013452440
  • 2017年04月25日 13:23
  • 1173

MFC实现窗口的伸缩

以上是效果图的显示。关键的代码,对Button控件的响应:void CTestDlg::OnButsuo() { // TODO: Add your control notification hand...
  • guosong421
  • guosong421
  • 2008年06月24日 21:55
  • 1220

Js-Html 前端系列--可伸缩菜单

一个非常经典的Demo,自行开发可以扩展。
  • kingbox000
  • kingbox000
  • 2015年12月27日 13:54
  • 1071

PHP+JS无限级可伸缩菜单详解

//所用数据表的结构CREATE TABLE `cr_columninfo` (  `columnid` int(4) NOT NULL auto_increment,  `columnfatheri...
  • chenhang21367
  • chenhang21367
  • 2007年04月20日 21:27
  • 837
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:象QQ一样的自动伸缩菜单
举报原因:
原因补充:

(最多只允许输入30个字)