本文主要是介绍商城头部鼠标移入显示菜单选项 【jquery】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
//让菜单切换为显示
$(function() {
var obj_li_topa = $('.menu ul li a'),
show_li_ul = $('.top_menu_show');
obj_li_topa.parents('li').css({
"position": "relative",
});
//菜单样式
show_li_ul.css({
"position": "absolute",
"top": "35px",
"left": "50%",
"border-top": "none",
"margin-left": "-50%",
"z-index": "999999",
});
//鼠标移入显示
obj_li_topa.each(function() {
$(this).on("mouseenter", function() {
$(this).siblings(show_li_ul).stop().show(0);
}).on("mouseleave",function(){
$(this).parent().find(show_li_ul).stop().hide(0);
});
});
});
这篇关于商城头部鼠标移入显示菜单选项 【jquery】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!