JQuery二级菜单、头部菜单、居上的菜单、不动的菜单、css、div

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title > 头部菜单 </ title >
< style type ="text/css" >

</ style >
< script type ="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" ></ script >
< script type ="text/javascript" >
$( function (){
   $( " .nav_li " ).hover( function (){
        $( " .sec_nav " ).stop( false , true );
            $( this ).children().next().slideDown( " slow " );
          },
       function (){
            $( this ).children().next().slideUp( " slow " );
               });
     })
</ script >
</ head >

< body >
< div id ="top" >
< ul class ="nav" >
< li class ="nav_li org" > 您好，欢迎来到安心加盟网！ </ li >
     < li class ="nav_li home" >< a href ="http://www.anxjm.com/" > 首页 </ a ></ li >
     < li class ="nav_li zh" >< a href ="#" > 综合 </ a >
         < ul class ="sec_nav zh2" >
          < li >< img src ="http://www.anxjm.com/front/image/tb_02.gif" /></ li >
           < li >< a href ="http://www.anxjm.com/Main.do" target ="_blank;" > 项目 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/frontjsp/BusList.jsp" target ="_blank;" > 品牌 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/carveOut.do" target ="_blank;" > 创业 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/frontjsp/Linkage.jsp" target ="_blank;" > 连锁 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/bus_Opp.do" target ="_blank;" > 商机 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/busJoinList.do" target ="_blank;" > 代理 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/busJoinList.do" target ="_blank;" > 展会 </ a ></ li >
             < li >< a href ="http://www.anxjm.com/frontjsp/F_Charts.jsp" target ="_blank;" > 排行榜 </ a ></ li >
         </ ul >
     </ li >
     < li class ="nav_li hy" >< a href ="#" > 行业 </ a >
     < ul class ="sec_nav hy2" >
         < li >< img src ="http://www.anxjm.com//front/image/tb_03.gif" /></ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=1" target ="_blank" > 美食 </ a ></ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=2" target ="_blank" > 教育 </ a ></ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=3" target ="_blank" > 幼儿 </ a ></ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=4" target ="_blank" > 美容 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=6" target ="_blank" > 干洗 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=7" target ="_blank" > 汽车 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=8" target ="_blank" > 零售 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=9" target ="_blank" > 设备 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=10" target ="_blank" > 服装 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=11" target ="_blank" > 家纺 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=13" target ="_blank" > 饰品 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=14" target ="_blank" > 珠宝 </ a > </ li >
               < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=16" target ="_blank" > 五金 </ a > </ li >
      < li >< a href ="http://www.anxjm.com/AnXinJM/tradeAdv.do?TradeId=17" target ="_blank" > 精品 </ a > </ li >
     </ ul >
     </ li >
     < li class ="nav_li kf" >< a href ="http://www.anxjm.com/frontjsp/KeFu.jsp" > 客服中心 </ a ></ li >
     < li class ="nav_li ts" >< a href ="http://www.anxjm.com/frontjsp/KeFu.jsp" > 投诉建议 </ a ></ li >
     < li class ="nav_li login" >< a href ="http://www.anxjm.com/frontjsp/F_login.jsp" > 登录 </ a ></ li >
     < li class ="nav_li reg" >< a href ="http://www.anxjm.com/frontjsp/F_AllReg.jsp" > 免费注册 </ a > </ li >
     < li class ="nav_li sc" >
     < a onClick ="window.external.addFavorite('http://www.anxjm.com','安心加盟网')" href ="#" > 加入收藏 </ a ></ li >
     < li class ="nav_li sy" >< a onClick ="h(this,'www.anxjm.com');hc('baidu')" href ="#" > 设为首页 </ a ></ li >
</ ul >
</ div >
</ body >
</ html >

JQuery二级菜单、头部菜单、居上的菜单、不动的菜单、css、div

你可能感兴趣的:(JQuery二级菜单、头部菜单、居上的菜单、不动的菜单、css、div)