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)隐藏();
})
});