代码很简单,就不多废话了,直接奉上代码: 复制代码 代码如下: <br /> function hoversee(){<br /> var list = document.getElementById('nav');<br /> var zu = list.getElementsByTagName("li");<br /> for(var i=0;i<9;i++)<br /> {<br /> zu[i].onmouseover = function(){<br /> this.getElementsByTagName('dl')[0].style.display = "block";<br /> }<br /> zu[i].onmouseout = function(){<br /> this.getElementsByTagName('dl')[0].style.display = "none";<br /> }<br /> }<br /> }<br /> window.onload = hoversee;<br /> <br /> *{<br /> font-family:Microsoft YaHei;<br /> margin:0;<br /> padding:0;<br /> }<br /> body{width:100%;}<br /> ul{list-style: none;}<br /> a{text-decoration: none;}<br /> #header{<br /> height:50px;<br /> line-height:50px;<br /> background:#455A6E;<br /> }<br /> #header h2,#header h3{<br /> font-weight:500;<br /> }<br /> #header h2{<br /> color:#fff;<br /> font-size:18px;<br /> width:180px;<br /> text-align: center;<br /> background:#0D2E49;<br /> }<br /> #header h3{color:#fff;font-size:16px;}<br /> .mycenter{<br /> width:900px;<br /> margin:0 auto;<br /> }<br /> #header div.mycenter{<br /> /*相对定位*/<br /> position:relative;<br /> }<br /> #nav {<br /> width:180px;<br /> background:rgba(0, 102, 173, 0.5);<br /> z-index:999;<br /> }<br /> #nav li{<br /> height:40px;<br /> padding-left:40px;<br /> line-height: 40px;<br /> position:relative;<br /> }<br /> #nav h3{height:40px;}<br /> #nav li dl{<br /> position:relative;<br /> left:140px;<br /> top:-40px;<br /> width:150px;<br /> background:#fff;<br /> display:none;<br /> padding:8px 10px;<br /> }<br /> #nav dt{<br /> width:150px;<br /> line-height: 30px;<br /> height:30px;<br /> background:#36C1AF;<br /> color:#fff;<br /> text-align: center;<br /> }<br /> #nav dd a{<br /> display:block;<br /> height:30px;<br /> width:150px;<br /> font-size:14px;<br /> color:#858585;<br /> }<br /> #nav dd a:hover{<br /> text-decoration: underline;<br /> }<br /> #content{<br /> background:#E95200;<br /> height:500px;<br /> }<br /> 后台管理菜单 帐号管理 帐号管理 修改密码 修改用户名 设置密保问题 首页管理 首页管理 轮转照片设置 产品展示照片设置 底部信息修改 产品管理 产品管理 增加新产品 管理全部产品 类别管理 新闻管理 新闻管理 发布新闻 全部新闻管理 增加系列 新闻系列管理 反馈管理 反馈管理 管理所有反馈 企业信息管理 企业信息管理 企业简介 企业联系方式设置 人才招聘管理 权限管理 权限管理 添加新管理员 查看所有账号权限 查看申诉 功能管理 功能管理 一级功能设置 权限查看与申请 权限查看与申请 查看自己的权限 申请权限 小伙伴们根据自己的需求,将调用代码加进去就可以了,自由发挥吧。