Jquery 鼠标经过按钮显示下拉菜单问题。
/*js代码*/$(document).ready(function(){mousemove_button_own('button_hover_own','show_li...
/* js代码 */
$(document).ready(function(){
mousemove_button_own('button_hover_own','show_listmenu_over')
});
function mousemove_button_own(id_name,sub_id){
var objs = $("#"+id_name+"");
var inherit_obj = $("#"+sub_id+"");
objs.hover(function(){
inherit_obj.slideToggle("fast",function(){
objs.children("span").removeClass().addClass("menu-up");
});
});
}
<!--/html 代码/-->
<div class="button-group-select">
<button id="button_hover_own" class="default">
鼠标经过效果菜单 <span class="menu-up"></span>
</button>
<ul id="show_listmenu_over" class="list-box-default effect_radius">
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
</ul>
</div>
====================================================================
问题:
当 鼠标进入 button 标签时 显示ul#show_listmenu_over 这个效果可以显示 ul#show_listmenu_over 。
但是 鼠标离开 button 而想进入 ul 时,ul就被hover执行隐藏掉了。
我如何让 鼠标离开button 鼠标离开 ul 后让 ul 隐藏? 展开
$(document).ready(function(){
mousemove_button_own('button_hover_own','show_listmenu_over')
});
function mousemove_button_own(id_name,sub_id){
var objs = $("#"+id_name+"");
var inherit_obj = $("#"+sub_id+"");
objs.hover(function(){
inherit_obj.slideToggle("fast",function(){
objs.children("span").removeClass().addClass("menu-up");
});
});
}
<!--/html 代码/-->
<div class="button-group-select">
<button id="button_hover_own" class="default">
鼠标经过效果菜单 <span class="menu-up"></span>
</button>
<ul id="show_listmenu_over" class="list-box-default effect_radius">
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
<li><a href="#">二级菜单项</a> </li>
</ul>
</div>
====================================================================
问题:
当 鼠标进入 button 标签时 显示ul#show_listmenu_over 这个效果可以显示 ul#show_listmenu_over 。
但是 鼠标离开 button 而想进入 ul 时,ul就被hover执行隐藏掉了。
我如何让 鼠标离开button 鼠标离开 ul 后让 ul 隐藏? 展开
1个回答
2015-04-12
展开全部
你应该把"进入离开button"触发事件 改成 "进入离开div(button的父节点)"触发事件
追问
父级 DIV 不设高度,而该ul 是 position:absolute;要浮在上面的
追答
不要设absolute,位置用margin调整,div不用设高度,试试这样行不行
数都信息
2024-09-29 广告
2024-09-29 广告
上海数都信息科技有限公司是一家科技型的设计公司,团队深耕企业品牌设计服务已有十余年,已助力多家企业塑造其品牌形象及体验,服务内容含:LOGO设计/VI设计/产品包装设计/导视店面门头及空间设计,吉祥物设计/海报设计等。 我们的目标是帮助小微...
点击进入详情页
本回答由数都信息提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询