基于jQuery實現帶二級下拉子欄目導航代碼



38 148 50



特效描述:基于jQuery實現 二級下拉 子欄目導航,基于jQuery實現帶二級下拉子欄目導航代碼

代碼結構

1. HTML代碼

?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META content="IE=7.0000" 
http-equiv="X-UA-Compatible">
<TITLE></TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<LINK rel=stylesheet type=text/css href="css/main.css">
 <SCRIPT type=text/javascript src="js/jquery.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/menu-js.js"></SCRIPT>
<META name=GENERATOR content="MSHTML 10.00.9200.16843"></HEAD>
<BODY>
<DIV id=content class="content content-02">
<DIV id=header>
<DIV class=language><A href="http://51qianduan.com">返回首頁</A><SPAN>|</SPAN><A 
href="http://51qianduan.com">簡體中文</A><SPAN>|</SPAN><A 
href="http://51qianduan.com">English</A> </DIV>
<DIV class=logo><A href="http://51qianduan.com"><IMG 
src="images/logo.png"></A></DIV>
<DIV id=nav class=nav>
<UL>
  <LI id=mainlevel_01 class="first-crl mainlevel"><A class=nav-a 
  href="http://51qianduan.com">走進西王</A> 
  <DIV id=sub_01>
  <OL>
    <LI><A href="http://51qianduan.com">集團概況</A><A 
    href="http://51qianduan.com">組織架構</A><A 
    href="http://51qianduan.com">領導關懷</A> </LI>
    <LI><A href="http://51qianduan.com">董事長風采</A><A 
    href="http://51qianduan.com">公司管理</A><A 
    href="http://51qianduan.com">社會關注</A> </LI>
    <LI><A href="http://51qianduan.com">高管團隊</A><A 
    href="http://51qianduan.com">發展歷程</A><A 
    href="http://51qianduan.com">榮譽風采</A> </LI></OL><SPAN 
  class=nav-img><IMG src="images/nav-img-01.jpg"> </SPAN></DIV></LI>
  <LI id=mainlevel_02 class=mainlevel><A class=nav-a 
  href="http://51qianduan.com">新聞資訊</A> 
  <DIV id=sub_02>
  <OL>
    <LI><A href="http://51qianduan.com">通知公告</A><A 
    href="http://51qianduan.com">媒體播報</A> </LI>
    <LI><A href="http://51qianduan.com">集團新聞</A><A 
    href="http://51qianduan.com">市場信息</A> </LI>
    <LI><A href="http://51qianduan.com">企業動態</A> </LI></OL><SPAN 
  class=nav-img><IMG src="images/nav-img-02.jpg"> </SPAN></DIV></LI>
  <LI id=mainlevel_03 class=mainlevel><A class=nav-a 
  href="http://51qianduan.com">產業領域</A> 
  <DIV id=sub_03>
  <OL>
    <LI><A href="http://51qianduan.com">西王置業</A><A 
    href="http://51qianduan.com">西王特鋼</A><A 
    href="http://www.vxisgr.tw/">禾城數碼</A> </LI>
    <LI><A href="http://51qianduan.com">西王藥業</A><A 
    href="http://51qianduan.com">西王國貿</A><A 
    href="http://51qianduan.com">建站工具箱</A> </LI></OL><SPAN 
  class=nav-img><IMG src="images/nav-img-03.jpg"> </SPAN></DIV></LI>
  <LI id=mainlevel_04 class=mainlevel><A class=nav-a 
  href="http://51qianduan.com">發展戰略</A> 
  <DIV id=sub_04>
  <OL>
    <LI><A href="http://51qianduan.com">發展規劃</A><A 
    href="http://51qianduan.com">戰略合作</A> </LI>
    <LI><A href="http://51qianduan.com">科技創新</A><A 
    href="http://51qianduan.com">品牌建設</A> </LI>
    <LI><A href="http://51qianduan.com">桐鄉網站建設</A> </LI></OL><SPAN 
  class=nav-img><IMG src="images/nav-img-05.jpg"> </SPAN></DIV></LI>
  <LI id=mainlevel_05 class=mainlevel><A class=nav-a 
  href="http://51qianduan.com">企業文化</A> 
  <DIV id=sub_05>
  <OL>
    <LI><A href="http://51qianduan.com">文化理念</A><A 
    href="http://51qianduan.com">新西王人報</A> </LI>
    <LI><A href="http://51qianduan.com">文化建設</A><A 
    href="http://51qianduan.com">圖畫西王</A> </LI>
    <LI><A href="http://51qianduan.com">文化活動</A><A 
    href="http://51qianduan.com">影像西王</A> </LI></OL><SPAN 
  class=nav-img><IMG src="images/nav-img-04.jpg"> </SPAN></DIV></LI>
  <LI id=mainlevel_06 class=mainlevel><A class=nav-a 
  href="http://51qianduan.com">社會責任</A> 
  <DIV id=sub_06>
  <OL>
    <LI><A href="http://51qianduan.com">新農村建設</A><A 
    href="http://51qianduan.com">循環經濟</A> </LI>
    <LI><A href="http://51qianduan.com">黨團建設</A> </LI>
    <LI><A href="http://51qianduan.com">公益事業</A> 
  </LI></OL><SPAN class=nav-img><IMG src="images/nav-img-06.jpg"> 
  </SPAN></DIV></LI>
  <LI id=mainlevel_07 class=mainlevel><A class=nav-a 
  href="http://51qianduan.com">人力資源</A> 
  <DIV id=sub_07>
  <OL>
    <LI><A href="http://51qianduan.com">人才理念</A><A 
    href="http://51qianduan.com">招聘信息</A> </LI>
    <LI><A href="http://51qianduan.com">人才建設</A> </LI>
    <LI><A href="http://51qianduan.com">員工關愛</A> </LI></OL><SPAN 
  class=nav-img><IMG src="images/nav-img-07.jpg"> </SPAN></DIV></LI>
  <LI id=mainlevel_08 class="end-crl mainlevel"><A class=nav-a 
  href="http://51qianduan.com">投資者關系</A> 
  <DIV id=sub_08>
  <OL>
    <LI><A href="http://51qianduan.com">西王食品</A><A 
    href="http://51qianduan.com">西王特鋼</A> </LI>
    <LI><A href="http://51qianduan.com">西王糖業</A> 
    </LI></OL><SPAN class=nav-img><IMG src="images/nav-img-08.jpg"> 
  </SPAN></DIV></LI></UL></DIV></DIV>
<DIV class=banner-02><IMG src="images/ban-relations.jpg"> </DIV></DIV>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</BODY>
</HTML>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: flash導航菜單 flash導航條 flash導航 flash菜單 flash下拉菜單 flash下拉導航菜單 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單 收縮菜單 收縮導航 右鍵菜單 滾動導航菜單 滾動菜單 滾動導航 滑動導航菜單 滑動導航 滑動菜單 導航切換 菜單切換 浮動菜單 浮動導航 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 滑動星星打分 收縮展開 展開收縮 收縮 展開 導航菜單 導航條 菜單欄 導航欄 分類導航 響應式導航條 響應式導航 其他 滑動導航菜單 滑動導航 滑動菜單 收縮菜單 收縮導航 下拉列表 下拉菜單 下拉導航 下拉導航菜單 下拉菜單導航 響應式下拉菜單 固定導航 固定菜單 鼠標滑過 鼠標懸停 跟隨鼠標移動
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表