郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > javascript > 导航菜单 >

北京协和医院绿色下拉多级导航条(jquery导航菜单

来源:儿童智力玩具 作者: 懒人建站 日期:2010-10-16 人气:
北京协和医院绿色下拉多级导航条,基于jquery导航菜单。有动感效果下拉菜单。

北京协和医院绿色下拉多级导航条基于jquery导航菜单,基于jquery的JS代码。有动感效果下拉菜单

<div id="MutiNav">
   <script language="javascript">
    /*if(currentId == undefined ) var currentId=0;
    jQuery(function($){
     jQuery(".multiUl").switchTab({defaultIndex: currentId, titCell: "li a.go",  trigger: "mouseover"});
    });*/
   </script>
   <ul class="multiUl">
    <li><a class="go" href="/" title="网站首页">网站首页</a></li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_11/Index.aspx" title="医院概览">医院概览</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_25/Index.aspx">医院简介</a><a class="" href="/Category_26/Index.aspx">领导团队</a><a class="" href="/Category_27/Index.aspx">组织架构</a><a class="" href="/Category_28/Index.aspx">历史沿革</a><a class="" href="/Category_29/Index.aspx">图片协和</a><a class="" href="/Category_37/Index.aspx">协和建筑</a><a class="" href="/Category_30/Index.aspx">医院文化</a><a class="" href="/Category_31/Index.aspx">所获荣誉</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_13/Index.aspx" title="新闻动态">新闻动态</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_42/Index.aspx">医院新闻</a><a class="" href="/Category_43/Index.aspx">医院公告</a><a class="" href="/Category_44/Index.aspx">媒体聚焦</a><a class="" href="/Category_45/Index.aspx">协和院报</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li id="TopNavDept"><a class="go" href="/Category_14/Index.aspx" title="科室导航">科室导航</a>
    <blockquote>
    <div class="ChildNavIn">
     <div class="NavDeptIn"><h6><a title="非手术科室" href="/Category_97/Index.aspx">非手术科室</a></h6>
     <div class="NavDeptInList"><a class="First " href="/Category_407/Index.aspx">内科学系</a><a class="" href="/Category_98/Index.aspx">心内科</a><a class="" href="/Category_99/Index.aspx">呼吸内科</a><a class="" href="/Category_100/Index.aspx">消化内科</a><a class="" href="/Category_101/Index.aspx">肾内科</a><a class="" href="/Category_102/Index.aspx">血液内科</a><a class="" href="/Category_103/Index.aspx">风湿免疫科</a><a class="" href="/Category_104/Index.aspx">感染内科</a><a class="" href="/Category_105/Index.aspx">普通内科</a><a class="" href="/Category_106/Index.aspx">肿瘤内科</a><a class="" href="/Category_107/Index.aspx">MICU</a><a class="" href="/Category_108/Index.aspx">内分泌科</a><a class="" href="/Category_119/Index.aspx">肠外肠内营养科</a><a class="" href="/Category_121/Index.aspx">重症医学科(ICU)</a><a class="" href="/Category_123/Index.aspx">儿科</a><a class="" href="/Category_124/Index.aspx">神经科</a><a class="" href="/Category_131/Index.aspx">心理医学科</a><a class="" href="/Category_128/Index.aspx">皮肤科</a><a class="" href="/Category_140/Index.aspx">变态反应科</a><a class="" href="/Category_132/Index.aspx">急诊科</a><a class="" href="/Category_129/Index.aspx">中医科</a></div></div>
     <div class="NavDeptIn"><h6><a title="手术科室" href="/Category_109/Index.aspx">手术科室</a></h6>
     <div class="NavDeptInList"><a class="First " href="/Category_506/Index.aspx">外科学系</a><a class="" href="/Category_110/Index.aspx">基本外科</a><a class="" href="/Category_111/Index.aspx">骨科</a><a class="" href="/Category_112/Index.aspx">心外科</a><a class="" href="/Category_148/Index.aspx">胸外科</a><a class="" href="/Category_113/Index.aspx">泌尿外科</a><a class="" href="/Category_114/Index.aspx">神经外科</a><a class="" href="/Category_115/Index.aspx">血管外科</a><a class="" href="/Category_116/Index.aspx">整形美容外科</a><a class="" href="/Category_117/Index.aspx">乳腺外科</a><a class="" href="/Category_118/Index.aspx">肝脏外科</a><a class="" href="/Category_122/Index.aspx">妇产科</a><a class="" href="/Category_125/Index.aspx">眼科</a><a class="" href="/Category_126/Index.aspx">耳鼻喉科</a><a class="" href="/Category_127/Index.aspx">口腔科</a><a class="" href="/Category_120/Index.aspx">麻醉科</a></div></div>

     <div class="NavDeptIn"><h6><a title="诊断相关科室" href="/Category_48/Index.aspx">诊断相关科室</a></h6>
     <div class="NavDeptInList"><a class="First " href="/Category_137/Index.aspx">超声诊断科</a><a class="" href="/Category_143/Index.aspx">病理科</a><a class="" href="/Category_135/Index.aspx">检验科</a><a class="" href="/Category_133/Index.aspx">放射科</a><a class="" href="/Category_134/Index.aspx">放射治疗科</a><a class="" href="/Category_136/Index.aspx">核医学科</a><a class="" href="/Category_146/Index.aspx">营养科</a><a class="" href="/Category_142/Index.aspx">输血科</a><a class="" href="/Category_141/Index.aspx">药剂科</a><a class="" href="/Category_139/Index.aspx">病案科</a><a class="" href="/Category_144/Index.aspx">物理医学康复科</a><a class="" href="/Category_147/Index.aspx">疾病分类中心</a></div></div>
     <div class="NavDeptInOther"><a href="/Category_49/Index.aspx" title="国际医疗部" target="_blank">国际医疗部</a><a href="/Category_50/Index.aspx" title="健康医学部(体检中心)" target="_blank">健康医学部(体检中心)</a><a href="/Category_145/Index.aspx" title="临床药理研究中心" target="_blank">临床药理研究中心</a></div>
    </div>
    </blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_171/Index.aspx" title="医师介绍">医师介绍</a>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_16/Index.aspx" title="医学教育">医学教育</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_58/Index.aspx">教育动态</a><a class="" href="/Category_59/Index.aspx">本科生教育</a><a class="" href="/Category_60/Index.aspx">研究生教育</a><a class="" href="/Category_61/Index.aspx">住院专科医师培养</a><a class="" href="/Category_62/Index.aspx">继续教育</a><a class="" href="/Category_63/Index.aspx">进修国际合作</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_17/Index.aspx" title="科学研究">科学研究</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_64/Index.aspx">科研动态</a><a class="" href="/Category_65/Index.aspx">科技支撑</a><a class="" href="/Category_66/Index.aspx">学术队伍</a><a class="" href="/Category_67/Index.aspx">科研成果展示</a><a class="" href="http://jsjjc.buyan.cn/">科研处外网</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_18/Index.aspx" title="科学研究">健康讲堂</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_69/Index.aspx">科普文章</a><a class="" href="/Category_70/Index.aspx">健康视频</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_19/Index.aspx" title="护理天地">护理天地</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_71/Index.aspx">护理概况</a><a class="" href="/Category_72/Index.aspx">历史回眸</a><a class="" href="/Category_73/Index.aspx">护理新闻</a><a class="" href="/Category_74/Index.aspx">品牌团队</a><a class="" href="/Category_75/Index.aspx">教学科研</a><a class="" href="/Category_76/Index.aspx">临床护理</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_170/Index.aspx" title="患者服务">患者服务</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_24/Index.aspx">医保网页</a><a class="" href="/Category_21/Index.aspx">患者查询</a><a class="" href="/Category_15/Index.aspx">就诊指南</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_20/Index.aspx" title="党群工作">党群工作</a>
    <blockquote><div class="ChildNavIn"><a class="First " href="/Category_79/Index.aspx">工作动态</a><a class="" href="/Category_80/Index.aspx">基层党建</a><a class="" href="/Category_81/Index.aspx">统战工作</a><a class="" href="/Category_82/Index.aspx">纪检监察</a><a class="" href="/Category_84/Index.aspx">职工之家</a><a class="" href="/Category_85/Index.aspx">夕阳红专栏</a><a class="" href="/Category_87/Index.aspx">社会工作</a><a class="" href="http://youth.pumch.cn/">团员青年</a></div></blockquote>
    </li>
    <li class="s">|</li>
    <li><a class="go" href="/Category_46/Index.aspx" title="协和医学杂志">协和医学杂志</a></li>
   </ul>
   <script type="text/javascript">
   var mst;
   jQuery(".multiUl li").hover(function(){
   var curItem = jQuery(this);
   mst = setTimeout(function(){//延时触发
    curItem.find("blockquote").fadeIn('');
    mst = null;
   });
   }, function(){
   if(mst!=null)clearTimeout(mst);
   jQuery(this).find("blockquote").fadeOut('');
   });
   </script>
  </div>
 

本文链接:北京协和医院绿色下拉多级导航条(jquery导航菜单http://www.51xuediannao.com/js/nav/xiehe_lvse.html

(责任编辑:懒人建站)

北京协和医院绿色下拉多级导航条(jquery导航菜单由懒人建站收集整理,您可以自由传播,请主动带上本文链接

web前端开发就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 高仿奢侈品
    2017-03-21 16:26:19发表

    奢侈品网 VTV(薇缇薇) wx31.com

  • 大胆人体
    2017-03-21 03:08:46发表

    美乳 诱惑party 动漫美女邪恶漫画 www.mm88.gq

  • 开户送88元
    2017-03-18 23:48:24发表

    领58元现金 大资本 乐天娱乐城 同花顺 金沙Sands G3国际 百乐城 ku.rmb88.ga

  • 肪囟幽76
    2015-10-29 21:22:01发表

    [抱枕]

  • 肪囟幽76
    2015-10-29 21:21:54发表

    [春暖花开]

  • 肪囟幽76
    2015-10-29 21:21:45发表

    [必胜]

  • 西班牙超模
    2015-10-09 01:50:11发表

  • Jquery特效
    2014-11-18 13:33:06发表

    演示文件错误已修正:他这段导航js代码中可以增加一句 .stop() 这样就不会出现不断重复滑过会动画累积了 var mst; jQuery(.multiUl li).hover(function(){ var curItem =

  • faker
    2014-11-10 17:06:32发表

    错误