此示例为您
分享javascript
鼠标滑过
显示的两级菜单,供您
参考,具体内容如下
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教程
以上是本文的全部内容,希望能对大家有所帮助。