利用jQuery實現手機端導航下拉菜單代碼



22 84 29



特效描述:利用jQuery實現 手機端 導航下拉 菜單代碼,利用jQuery實現手機端導航下拉菜單代碼

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>

3. HTML代碼

<!---------------------------------------------------------------------------------------------------------------手機站導航開始---------->
<div class="sp_header">
  <div class="sp_logo"><a href="#"><img src="img/logo.png" alt=""></a></div>
  <div class="sp_nav"> <span></span> <span></span> <span></span> </div>
</div>
<div class="sjj_nav">
  <ul>
    <li> <a href="#">素材科技</a>
      <div class="language"> <a href="">中</a> <a href="">En</a></div>
    </li>
    <li> <a href="">關于素材</a><i class="sp_nav_xjb"> </i>
      <ul>
        <li><a href="">企業簡介</a><i class="sp_nav_xjb"> </i>
          <ul>
            <li><a href="">企業介紹</a><i class="sp_nav_xjb"> </i>
              <ul>
                <li><a href="">企業文字</a></li>
                <li><a href="">企業圖片</a></li>
              </ul>
            </li>
            <li><a href="">企業文化</a></li>
            <li><a href="">企業理念</a></li>
          </ul>
        </li>
        <li><a href="">領導致辭</a></li>
        <li><a href="">大事記</a></li>
        <li><a href="">團隊風采</a></li>
        <li><a href="">企業實力</a></li>
      </ul>
    </li>
    <li><a href="">主營業務</a></li>
    <li><a href="">經典案例</a></li>
    <li><a href="">聯系我們</a></li>
    <li><a href="">素材博客</a></li>
    <li><a href="">網站地圖</a></li>
  </ul>
</div>
<!---------------------------------------------------------------------------------------------------------------手機站導航結束----------> 
<div style="height: 2000px;background: #ddd"></div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



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


熱門標簽: 滾動導航菜單 滾動菜單 滾動導航 滑動導航菜單 滑動導航 滑動菜單 浮動菜單 浮動導航 導航切換 菜單切換 右鍵菜單 收縮菜單 收縮導航 h5動畫導航 h5動畫菜單 html5動畫導航 html5動畫菜單 flash導航菜單 flash導航條 flash導航 flash菜單 flash下拉菜單 flash下拉導航菜單 收縮展開 展開收縮 收縮 展開 導航菜單 導航條 菜單欄 導航欄 分類導航 響應式導航條 響應式導航 收縮菜單 收縮導航 文字導航菜單 文字導航 文字菜單
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

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

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

老夫子电子 韩国快乐8 北京pk10玩法 pk北京赛车开奖 体彩6十l开奖结果查询 农村养殖什么好养赚钱快 江苏时时彩11选五 东京42怎么赚钱 老虎机技巧打法四步 中国福彩手机客户端 贵州11选50 gif制作赚钱吗 黑龙江十一选五加减算式 怎样做地图采集最赚钱 时时彩平台一条龙 重庆时时带坐标带连线 深圳什么公司最赚钱吗