知識 分享 互助 懶人建站

    懶人建站專注于網頁素材下載,提供網站模板、網頁設計、ps素材、圖片素材等,服務于【個人站長】【網頁設計師】和【web開發從業者】的代碼素材與設計素材網站。

    懶人建站提供網頁素材下載、網站模板
    知識 分享 互助!

    北京協和醫院綠色下拉多級導航條(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導航菜單由懶人建站收集整理,您可以自由傳播,請主動帶上本文鏈接

    懶人建站就是免費分享,覺得有用就多來支持一下,沒有能幫到您,懶人也只能表示遺憾,希望有一天能幫到您。

    北京協和醫院綠色下拉多級導航條(jquery導航菜單-最新評論

    • 肪囟幽76 2015-10-29 09:22:01
      [抱枕]
    • 肪囟幽76 2015-10-29 09:21:54
      [春暖花開]
    • 肪囟幽76 2015-10-29 09:21:45
      [必勝]
    • 11 2015-10-29 09:10:54
      [春暖花開]
    • 11 2015-10-29 09:10:45
      [必勝]
    • 11 2015-10-29 09:10:01
      [抱枕]
    • 西班牙超模 2015-10-09 01:50:11
      [gbz困]
    • Jquery特效 2014-11-18 01:33:06
      演示文件錯誤已修正:他這段導航js代碼中可以增加一句 .stop() 這樣就不會出現不斷重復滑過會動畫累積了 var mst; jQuery(".multiUl li").hover(function(){ var curItem = jQuery(this); mst = setTimeout(function(){//延時觸發 curItem.find("blockquote").stop().fadeIn(''); mst = null; }); }, function(){ if(mst!=null)clearTimeout(mst); jQuery(this).find("blockquote").stop().fadeOut(''); });
    • 11 2014-11-18 01:11:06
      演示文件錯誤已修正:他這段導航js代碼中可以增加一句 .stop() 這樣就不會出現不斷重復滑過會動畫累積了
      var mst;
      jQuery(".multiUl li").hover(function(){
      var curItem = jQuery(this);
      mst = setTimeout(function(){//延時觸發
      curItem.find("blockquote").stop().fadeIn('');
      mst = null;
      });
      }, function(){
      if(mst!=null)clearTimeout(mst);
      jQuery(this).find("blockquote").stop().fadeOut('');
      });
    • 11 2014-11-10 05:11:32
      錯誤
    福利彩票排列7走势图