JS仿京东淘宝垂直两导航
代码很简单，没有更多的废话，直接代码：复制代码代码如下所示：
功能hoversee（）{
var list = document.getelementbyid（'nav）；
VaR祖= list.getelementsbytagname（礼）；
对于（var i = 0；i < 9；i + +）
{
祖{我}。onmouseover =函数（）{
This.getElementsByTagName（'dl）{ 0 }。style.display =块；
}
祖{我}。onmouseout=函数（）{
This.getElementsByTagName（'dl）{ 0 }。style.display =没有；
}
}
}
在window.onload = hoversee；
* {
字体：微软雅黑；
保证金：0；
填充：0；
}
身体{宽度：100%；}
列表样式：无；}
{文字装饰：无；}
#头{
身高：50px；
行高：50px；
背景：# 455a6e；
}
#标题H2，H3 { #头
字体重量：500；
}
#标题H2 {
颜色：# FFF；
字体大小：18px；
宽度：180px；
文本对齐：中心；
背景：# 0d2e49；
}
#头h3 {颜色：# FFF；字体大小：16px；}
mycenter {。
宽度：900px；
保证金：0汽车；
}
#头div.mycenter {
*相对定位
职位：相对；
}
{ #资产净值
宽度：180px；
背景：RGBA（0, 102, 173，0.5）；
Z指数：999；
}
# NAV李{
身高：40px；
左：40px填充；
行高：40px；
职位：相对；
}
# NAV h3 {身高：40px；}
# NAV李DL {
职位：相对；
左：140px；
上图：- 40px；
宽度：150px；
背景：# FFF；
显示：无；
填料：8px 10px；
}
# NAV DT {
宽度：150px；
行高：30px；
身高：30px；
背景：# 36c1af；
颜色：# FFF；
文本对齐：中心；
}
# NAV DD一{
显示块；
身高：30px；
宽度：150px；
字体大小：14px；
颜色：# 858585；
}
# NAV DD：悬停{
文字装饰：下划线；
}
#内容{
背景：# e95200；
身高：500px；
}
后台管理菜单
账户管理
账户管理
修改密码
修改用户名
设置安全问题
首页管理
首页管理
旋转照片设置
产品显示照片设置
底部信息修改
产品管理
产品管理
增加新的产品
管理所有产品
品类管理
新闻管理
新闻管理
发布新闻
所有的新闻管理
增加系列
新闻系列管理
反馈管理
反馈管理
管理所有的反馈
企业信息管理
企业信息管理
企业简介
企业接触模式的建立
人才招聘管理
权限管理
权限管理
添加新管理员
检查所有帐户权限
看看投诉
功能管理
功能管理
一级功能设置
权限视图和应用程序
权限视图和应用程序
查看你自己的权利
应用程序的权限
根据他们自己的需要，小伙伴将代码添加到代码中，并自由地执行。