二级下拉菜单实现代码

简介: ////////////function menuFix() {//var sfEls =document.getElementByIdx_x("menu").getElementsByTagName_r("li");//for (var i=0; i//sfEls[i].

//
//
//
//
//
//function menuFix() {
//var sfEls = document.getElementByIdx_x("menu").getElementsByTagName_r("li");
//for (var i=0; i
//sfEls[i].onmouseover=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onMouseDown=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onMouseUp=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onmouseout=function() {
//this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
//"");
//}
//}
//}
//window.onload=menuFix;
//
//
//body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
//a { color: #000; text-decoration: none; }
//a:hover { color: #F00; }
//#menu { width:700px; height:38px; margin:0 auto; background:url(http://www.cqkkbl.com/Templates/show/images/menu_bg.jpg) ;}
//#menu ul { list-style: none; margin: 0px; padding: 0px; }
//#menu ul li { float:left; margin-left:2px;}
//#menu ul li a { display:block; width:91px; height:38px; line-height:38px; text-align:center;  font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
//#menu ul li a:hover { background:url(http://www.cqkkbl.com/Templates/show/images/Menu_link.jpg);display:block; width:91px; height:38px; line-height:38px; text-align:center;  font-size:14px; color:#FF9966; text-decoration:none; font-weight:bold;}
//#menu ul li ul { border:1px solid #ccc; display:none; position:absolute;}
//#menu ul li ul li { float:none; width:88spx; background:#99CC99; margin:0;}
//#menu ul li ul li a { background:none;}
//#menu ul li ul li a:hover { background:#333; color:#fff;}
//#menu ul li:hover ul { display:block;}
//#menu ul li.sfhover ul { display:block;}
//
//
//
//
//

目录
相关文章
|
1月前
|
前端开发
二级水平导航菜单栏的实现
二级水平导航菜单栏的实现
27 1
【每日教程】用中继器做一个三级菜单(含标签)
【每日教程】用中继器做一个三级菜单(含标签)
|
1月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
19 0
|
3月前
|
前端开发
如何为树形菜单项添加图标?
如何为树形菜单项添加图标?
|
11月前
|
小程序 JavaScript 数据库
小程序分类页实现三级分类,顶部导航栏,左侧分类栏,右侧数据列表
小程序分类页实现三级分类,顶部导航栏,左侧分类栏,右侧数据列表
166 0
标签页+标签编辑页
标签页+标签编辑页
|
前端开发 JavaScript
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
224 0
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
385 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
|
前端开发
HTMl+CSS制作二级菜单或二级导航栏
 二级菜单的实现思路为: 1.在默认状态下,使用display:none;将二级菜单隐藏。  2.当一级菜单中的列表标签li获取焦点(hover)后,使用display:blick;将二级菜单显示出来。  3.使用position: relative;和position: absolute;分别得一级菜单和二级菜单设置相对定位和绝对定位。
1048 0
HTMl+CSS制作二级菜单或二级导航栏
三级菜单
db = { "riskcontrol" :{ "riskinner": [ "pay-inner-api-A1", "user-inner-api-A1" ], "riskweb": [ .
1020 0