二级下拉菜单实现代码

简介: ////////////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;}
//
//
//
//
//

目录
相关文章
|
6月前
|
前端开发
二级水平导航菜单栏的实现
二级水平导航菜单栏的实现
103 1
【每日教程】用中继器做一个三级菜单(含标签)
【每日教程】用中继器做一个三级菜单(含标签)
若依如何创建二级页面菜单,点击目录后,右侧空白的悬浮空白的内容,点击系统管理的菜单管理,上级菜单点击主类木有个小三角,选择我们之前创建的主类目
若依如何创建二级页面菜单,点击目录后,右侧空白的悬浮空白的内容,点击系统管理的菜单管理,上级菜单点击主类木有个小三角,选择我们之前创建的主类目
|
6月前
|
Android开发
ExpandInfoAdapter实现二级列表显示转
ExpandInfoAdapter实现二级列表显示转
25 1
|
6月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
104 0
|
6月前
|
前端开发
如何为树形菜单项添加图标?
如何为树形菜单项添加图标?
标签页+标签编辑页
标签页+标签编辑页
103 0
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
432 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
【Layui】对于列表页复选框只有选中时才会显示
【Layui】对于列表页复选框只有选中时才会显示
178 0
【Layui】对于列表页复选框只有选中时才会显示
|
前端开发
HTMl+CSS制作二级菜单或二级导航栏
 二级菜单的实现思路为: 1.在默认状态下,使用display:none;将二级菜单隐藏。  2.当一级菜单中的列表标签li获取焦点(hover)后,使用display:blick;将二级菜单显示出来。  3.使用position: relative;和position: absolute;分别得一级菜单和二级菜单设置相对定位和绝对定位。
1250 0
HTMl+CSS制作二级菜单或二级导航栏