jQuery蓝色医疗网站下拉导航菜单特效代码

jQuery蓝色医疗网站下拉导航菜单特效代码5559
jQuery医院网站顶部导航代码是一款适用于网站顶部导航菜单展示样式代码。
多级下拉菜单是用js实现的
// menu菜单导航
$(function(){
	var n=0;
	var m=$(".dh_bg ul li.cur").index();
	var w=$(".dh_bg ul li").width();

	var dh_LI=$(".dh_bg ul li").length ;
	var R;
	var h_DL;

	$(".dh_bg_cur").css("left",(m*w))
	$(".dh_bg ul li").mouseenter(
		function(){
			n=$(this).index();
			$(".dh_bg_cur").stop().animate({left:(n*w)},200)
			$(this).addClass("cur")
			$(this).siblings().removeClass("cur")

			if (n>0) {
				$(".dh_bg .two_nav").hide().eq(n-1).fadeIn()
			}else{
				$(".dh_bg .two_nav").hide()
			}
			
			R=(dh_LI-(n+1))*86
			$(".dh_bg .two_nav").css("right",R)

			h_DL=$(".dh_bg .two_nav").eq(n-1).height();
			$(".dh_bg .two_nav").eq(n-1).find("dl").css("height",h_DL);

		}
	)
	$(".dh_bg").mouseleave(
		function(){
			$(".dh_bg ul li").eq(m).addClass("cur")
			$(".dh_bg ul li").eq(m).siblings().removeClass("cur")
			$(".dh_bg_cur").stop().animate({left:(m*w)},200)

			$(".dh_bg .two_nav").fadeOut()
		}
	)
})

也许你还喜欢