利用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

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

老夫子电子 河北11选五全部开奖结果 至尊棋牌太假了 如何打好南京麻将 加拿大28神测 内蒙古11选5组选遗漏 乐透游戏大厅手机版 体球网网球比分 日本女优受欢迎 30选5开奖结果今天 三板股票交易规则 今天买什么生肖中才能中奖 广西南宁麻将群1元2元的 秒速快三的官网 辽宁体彩11选5玩法 22选5今天晚上开 大唐游戏麻将下载