仿阿里巴巴顶部二级下拉菜单jQuery特效

js代码

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
//hover 触发两个事件，鼠标移上去和移走
//mousehover 只触发移上去事件
$(".top-nav ul li").hover(function(){
	$(this).addClass("hover").siblings().removeClass("hover");
	$(this).find("li .nav a").addClass("hover");
	$(this).find(".con").show();
},function(){
	//$(this).css("background-color","#f5f5f5");
	$(this).find(".con").hide();
	//$(this).find(".nav a").removeClass("hover");
	$(this).removeClass("hover");
	$(this).find(".nav a").removeClass("hover");
})
</script>