HTML代码:
Html比较简单,怎么布局就看个人的,使用常规的ul li来布局一个导航,然后在li里面在嵌套了一个ul li来作为二级导航!下面是二级导航的jquery代码:
$(function(){
//当鼠标放在二级导航的这个ul的父元素的上面的时候,分别来执行两个匿名函数!
$(“.nav ul”).parent().hover(function(){
//当鼠标放上去的时候执行的代码,注意,当前的this是指二级导航的父元素,也就是li标签,当鼠标放上去的时候让li标签下面的ul显示出来,也就是耳机导航,还可以做下效果,比如说淡入淡出,滑动等
$(this).find(“ul”).show();
},function(){
//当鼠标离开二级导航的父元素的时候,让二级导航隐藏!
$(this).find(“ul”).hide();
})
})