jQuery如何让鼠标经过菜单时显示子菜单并且鼠标经过子菜单时子菜单也显示
来源:互联网 发布:我知女人心综艺节目 编辑:程序博客网 时间:2024/05/16 16:16
jQuery如何让鼠标经过菜单时显示子菜单并且鼠标经过子菜单时子菜单也显示
关键思路就是在父菜单栏的hover函数里再加入子菜单的hover函数
jq代码:
$(function() {
PopoutMenu("police_computer_network");
});
function PopoutMenu(v) {
$('#' + v).find('li').hide();
$('#' + v).find('.m_itemMain').hover(
function() {
$('#' + v).find('li').hover(function() {
$('#' + v).find('li').show();
},
function() {
$('#' + v).find('li').hide()
}
);
$(this).prev().find('li').show().end().siblings().find('li').hide();
},
function() {
$('#' + v).find('li').hover(function() {
$('#' + v).find('li').show();
},
function() {
$('#' + v).find('li').hide()
}
);
$(this).prev().find('li').hide().end().siblings().find('li').show()
}
);
}
HTML代码:
<div id="police_computer_network" >
<ul>
<li><a href="#" target="_blank">XXXXX</a></li>
</ul>
<div class="m_itemMain m_up">全国公安网</div>
</div>
效果如图:
- jQuery如何让鼠标经过菜单时显示子菜单并且鼠标经过子菜单时子菜单也显示
- js-鼠标经过显示下拉菜单
- 鼠标经过显示子项
- 如何显示多重菜单,利用子菜单。
- 脚本显示子菜单
- 鼠标经过导航自动显示子列表
- Jquery二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- 如何用CSS制作横向菜单 ,鼠标经过变色 并显示下拉菜单...
- jquery导航菜单移上去显示子菜单特效
- bootstrap鼠标点击弹出菜单,鼠标经过弹出菜单
- 延迟显示子菜单方法
- bootstrap 中下拉菜单改为鼠标经过
- jQuery多级子菜单
- android菜单子菜单
- 菜单--->子菜单
- 子菜单
- 鼠标在菜单上移动时显示菜单提示
- query二级菜单,鼠标经过显示二级分类,大类和小类都有链接
- Codevs 1222 信与信封问题 [二分图匹配] [匈牙利算法]
- 深入理解EventBus - ThreadMode、Sticky Event等
- 树-堆结构练习——合并果子之哈夫曼树
- PAT 1030Be Unique (20)
- 字符串和数组经典面试问题总结
- jQuery如何让鼠标经过菜单时显示子菜单并且鼠标经过子菜单时子菜单也显示
- Uva12657 Boxes in a line
- 直角三角形_纪中2543_暴力?
- MySQL数据库的原理--简版
- 主席树
- Java7并发编程--4.4、在执行器中执行任务并且返回结果
- 在js中为对象添加和删除属性
- 2013-08-10:160-Intersection of Two Linked Lists
- 【HDU4747】【JZOJ4680】自然数