制作jQuery遮罩效果导航菜单代码共享

制作jQuery遮罩效果导航菜单代码共享
jQuery导航是网站的一个重要模块。当用户浏览网站时,为了导航目的而导航网站导航栏,突出导航栏的效果是最重要的,因此你必须使用一个效果:jQuery遮罩。使用阴影效果来突出当前用户的操作

复制代码代码如下所示:
$(函数(){())
oe_menu = $(var $ ' # oe_menu);
VaR oe_menu_items = oe_menu.children美元美元
(李的);
oe_overlay = $(var $ ' # oe_overlay);
oe_menu_items.bind美元('mouseenter,函数(){(){
var $ = $(这个);
this.addclass美元('slided选定);
this.children美元('div ' Css(Z)—
指数,'9999)。停止(真的,真的),SlideDown(200,函数(){(){)
oe_menu_items.not美元
('。滑动)。儿童('div)隐藏();
this.removeclass美元('slided);
});
})。Bind('mouseleave,函数(){(){
var $ = $(这个);
this.removeclass美元(选中的孩子)。
('div)。Css('z-index'、‘);
});
oe_menu.bind美元('mouseenter,函数(){(){
var $ = $(这个);
oe_overlay.stop美元(真的,真的)。FadeTo(200,
0.6);
this.addclass美元('hovered);
})。Bind('mouseleave,函数(){(){
var $ = $(这个);
this.removeclass美元('hovered);
oe_overlay.stop美元(真的,真的)。FadeTo(200,
0);
oe_menu_items.children美元('div)隐藏();
})
});
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部