Javaｓｃｒｉｐｔ鼠标滑过显示两级菜单效果

此示例为您分享javaｓｃｒｉｐｔ鼠标滑过显示的两级菜单，供您参考，具体内容如下

1。关键代码：使用开关或判断语句，改变相应的两级菜单显示方式为块或无。


功能selecttabmenu（我）{
开关（i）{
案例71：
document.getelementbyid（tabmenucon71）。风格。显示为块；
document.getelementbyid（tabmenucon72）。风格。显示为无；
document.getelementbyid（tabmenucon73）。风格。显示为无；
document.getelementbyid（tabmenucon74）。风格。显示为无；
document.getelementbyid（tabmenucon75）。风格。显示为无；
document.getelementbyid（tabmenucon76）。风格。显示为无；
打破；
…
}
}


2。主导航绑定事件



首页



三.两级菜单



公告
问询处



4。完整的代码






水平导航二级菜单

* {
填料：0px；
保证金：0px；
}
导航栏{。
身高：30px；
背景颜色：# 2b383e；
文本对齐：中心；
}
UL {
列表样式：无；
}
资产净值{ {
浮点数：左；

}
导航李{
显示块；
填充物：0 20px；
身高：30px；
行高：30px；
文字装饰：无；
颜色：# FFF；
}
导航李A：悬停{
背景颜色：# FFF；
颜色：# 4db6e7
}
TabMenuCon {。
清楚：两者；
显示：无；
}
TabMenuCon li {。
显示：内联块；
}



功能selecttabmenu（我）{
开关（i）{
案例71：
document.getelementbyid（tabmenucon71）。风格。显示为块；
document.getelementbyid（tabmenucon72）。风格。显示为无；
document.getelementbyid（tabmenucon73）。风格。显示为无；
document.getelementbyid（tabmenucon74）。风格。显示为无；
document.getelementbyid（tabmenucon75）。风格。显示为无；
document.getelementbyid（tabmenucon76）。风格。显示为无；
打破；
案例72：
document.getelementbyid（tabmenucon71）。风格。显示为无；
document.getelementbyid（tabmenucon72）。风格。显示为块；
document.getelementbyid（tabmenucon73）。风格。显示为无；
document.getelementbyid（tabmenucon74）。风格。显示为无；
document.getelementbyid（tabmenucon75）。风格。显示为无；
document.getelementbyid（tabmenucon76）。风格。显示为无；
打破；
案例73：
document.getelementbyid（tabmenucon71）。风格。显示为无；
document.getelementbyid（tabmenucon72）。风格。显示为无；
document.getelementbyid（tabmenucon73）。风格。显示为块；
document.getelementbyid（tabmenucon74）。风格。显示为无；
document.getelementbyid（tabmenucon75）。风格。显示为无；
document.getelementbyid（tabmenucon76）。风格。显示为无；
打破；
案例74：
document.getelementbyid（tabmenucon71）。风格。显示为无；
document.getelementbyid（tabmenucon72）。风格。显示为无；
document.getelementbyid（tabmenucon73）。风格。显示为无；
document.getelementbyid（tabmenucon74）。风格。显示为块；
document.getelementbyid（tabmenucon75）。风格。显示为无；
document.getelementbyid（tabmenucon76）。风格。显示为无；
打破；
案例75：
document.getelementbyid（tabmenucon71）。风格。显示为无；
document.getelementbyid（tabmenucon72）。风格。显示为无；
document.getelementbyid（tabmenucon73）。风格。显示为无；
document.getelementbyid（tabmenucon74）。风格。显示为无；
document.getelementbyid（tabmenucon75）。风格。显示为块；
document.getelementbyid（tabmenucon76）。风格。显示为无；
打破；
案例76：
document.getelementbyid（tabmenucon71）。风格。显示为无；
document.getelementbyid（tabmenucon72）。风格。显示为无；
document.getelementbyid（tabmenucon73）。风格。显示为无；
document.getelementbyid（tabmenucon74）。风格。显示为无；
document.getelementbyid（tabmenucon75）。风格。显示为无；
document.getelementbyid（tabmenucon76）。风格。显示为块；
打破；
}
}





首页
关于协会
协会动态
协会的活动
成员
资源空间





通知
信息


协会简介
组织
协会章程


协会的新闻
活动预览
找工作


义务维修月
平面设计活动
程序设计活动
户外拓展


会员登录
会员注册
交纳会费
会员信息管理
修改密码


PS教程
前端设计
Flash教程








以上是本文的全部内容，希望能对大家有所帮助。