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

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() } )})

在线演示        积分下载        6毛下载        砍两刀下载