用jquery 实现下拉菜单

 

 

自己在研究学习jquery时编写的一个下拉菜单

12. body {margin-left:16%;padding:0px;font:12px Arial, Helvetica, sans-serif; margin-right:10%; }
13. .accordion {width: 20%;margin:auto;border-bottom: solid 1px #B1E0F4; }
14. .accordion h3 {background: #87ceeb url(images/arrow-square.gif) no-repeat right -51px;
15.     padding: 7px 15px;margin:0;
16.     font: bold 14px Arial, Helvetica, sans-serif;
17.     border: solid 1px #B1E0F4;border-bottom: none;cursor: pointer;}
18. .accordion h3:hover {background:#B1E0F4 url(images/arrow-square.gif) no-repeat right -51px; }
19. .accordion h3.active {background-position: right 5px}
20. .accordion p {background: #ffffff;margin:0;padding:0;border-left: solid 1px #87ceeb;border-right: solid 1px #87ceeb;}
21. p a {display:block;width:100%;line-height:36px;text-indent:16px;color:#000;text-decoration:none}
22. p a:hover {background:#069;color:#ffffff;font-weight:bold}

30. 主页管理       

31. 主页

32. 用户管理       

34. 修改密码
35. 用户信息修改
36. 增加删除用户
37. 登陆日志查询

39. 用户设置       

41. 查看
42. 设置

44. 装置管理       

46. 添加/删除装置
47. 查看装置信息
48. 修改装置信息

50. 文件下载       

52. 事件型文件
53. 统计型文件

56. 事件数据       

58. 最近事件TOP10
59. 严重事件TOP10
60. 事件查询

63. 统计数据       

66. 统计图
67. 国标统计报表
68. 超标数据查询

70. 安全退出       

72. 安全退出