二级下拉菜单实现代码

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

目录
相关文章
【每日教程】用中继器做一个三级菜单(含标签)
【每日教程】用中继器做一个三级菜单(含标签)
|
3天前
|
Android开发
ExpandInfoAdapter实现二级列表显示转
ExpandInfoAdapter实现二级列表显示转
|
2月前
|
JavaScript 前端开发
jquery实现二级导航下拉菜单效果实例
jquery实现二级导航下拉菜单效果实例
22 0
|
8月前
|
JSON 数据库 数据格式
LayUI 实现树形二级导航栏
LayUI 实现树形二级导航栏
67 0
|
4月前
|
前端开发
如何为树形菜单项添加图标?
如何为树形菜单项添加图标?
|
12月前
Layui表格头部工具栏取消默认的三个功能
Layui表格头部工具栏取消默认的三个功能
323 0
Layui表格头部工具栏取消默认的三个功能
标签页+标签编辑页
标签页+标签编辑页
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
390 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
|
前端开发 JavaScript
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
233 0
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
【Layui】对于列表页复选框只有选中时才会显示
【Layui】对于列表页复选框只有选中时才会显示
148 0
【Layui】对于列表页复选框只有选中时才会显示