jQuery垂直下拉二级导航菜单

jQuery垂直下拉二级导航菜单

分享一个用jQuery写的很简单的垂直二级下拉菜单效果,比较适用于企业站左侧菜单导航。

淘建站为您提供更多_导航菜单_下拉导航_二级菜单_导航菜单,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 318 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

<div class="subNavBox">
    <div class="subNav currentDd currentDt">网页特效</div>
    <ul class="navContent " style="display:block">
        <li><a href="http://www.sucaiq.com/js/7-0-0-0">图片代码</a></li>
        <li><a href="http://www.sucaiq.com/js/8-0-0-0">导航菜单</a></li>
        <li><a href="http://www.sucaiq.com/js/9-0-0-0">选项卡/滑动门</a></li>
        <li><a href="http://www.sucaiq.com/js/10-0-0-0">文字特效</a></li>
    </ul>
</div>

jQuery

$(function() {
    $(".subNav").click(function() {
        $(this).toggleClass("currentDd").siblings(".subNav").removeClass("currentDd");
        $(this).toggleClass("currentDt").siblings(".subNav").removeClass("currentDt");
        $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(500);
    })
})

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/408.html
jQuery垂直下拉二级导航菜单 希望对你有帮助,感谢您的支持!
  • jQuery仿ace后台菜单导航

    jQuery仿ace后台菜单导航

  • jQuery仿美团左侧智能定位导航

    jQuery仿美团左侧智能定位导航

  • divcss导航菜单用CSS样式表处理斜角导航条

    divcss导航菜单用CSS样式表处理斜角导航条

  • jQuery快速显示子菜单

    jQuery快速显示子菜单

  • jQuery仿阿里云头部导航菜单特效

    jQuery仿阿里云头部导航菜单特效

  • jQuery企业通用二级下拉导航

    jQuery企业通用二级下拉导航

  • jQuery三级下拉导航菜单

    jQuery三级下拉导航菜单

  • jQuery导航菜单下拉震动特效

    jQuery导航菜单下拉震动特效

  • jQuery音乐吧左侧导航菜单

    jQuery音乐吧左侧导航菜单

  • CSS实现百度百科菜单导航

    CSS实现百度百科菜单导航

  • jQuery平滑移动下拉导航菜单

    jQuery平滑移动下拉导航菜单

  • jQuery下拉二级菜单导航带图片

    jQuery下拉二级菜单导航带图片

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2