利用jQuery实现手机端导航下拉菜单代码



60 239 80



特效描述:利用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>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 收缩导航菜单 二级导航菜单 文字收缩展开 下拉导航菜单 图片收缩展开 竖直导航菜单 图标导航菜单 固定导航菜单 侧边导航菜单 树形导航菜单 网址导航菜单 导航菜单插件 文字导航菜单 滚动导航菜单 滑动导航菜单 浮动导航菜单 导航切换 右键菜单 收缩导航菜单 html5动画导航菜单 flash导航菜单 收缩收起展开 导航菜单导航条

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到