jQuery水平下拉三级菜单

jQuery水平下拉三级菜单

cbpHorizontalMenu是一款强大的多级菜单插件,你只要定义好菜单结构,即可生成下拉菜单效果。下拉效果,只有点击一级菜单才会出来效果哦。

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

查看演示

演示不了,点击反馈

加入收藏

下载 465 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

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

三级菜单结构图

<nav id="cbp-hrmenu" class="cbp-hrmenu">
    <ul>
        <li>
            <a href="http://www.sucaiq.com/">Products</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner"> 
                    <div>
                        <h4>Learning & Games</h4>
                        <ul>
                            <li><a href="http://www.sucaiq.com/">Catch the Bullet</a></li>
                            <li><a href="http://www.sucaiq.com/">Snoopydoo</a></li>
                            <li><a href="http://www.sucaiq.com/">Fallen Angel</a></li>
                            <li><a href="http://www.sucaiq.com/">Sui Maker</a></li>
                            <li><a href="http://www.sucaiq.com/">Wave Master</a></li>
                            <li><a href="http://www.sucaiq.com/">Golf Pro</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4>Utilities</h4>
                        <ul>
                            <li><a href="http://www.sucaiq.com/">Gadget Finder</a></li>
                            <li><a href="http://www.sucaiq.com/">Green Tree Express</a></li>
                            <li><a href="http://www.sucaiq.com/">Green Tree Pro</a></li>
                            <li><a href="http://www.sucaiq.com/">Wobbler 3.0</a></li>
                            <li><a href="http://www.sucaiq.com/">Coolkid</a></li>
                        </ul>
                    </div>
                </div><!-- /cbp-hrsub-inner -->
            </div><!-- /cbp-hrsub -->
        </li>
    </ul>
</nav>

调用水平下拉菜单插件

<script src="js/cbpHorizontalMenu.min.js"></script>
<script>
    $(function() {
        cbpHorizontalMenu.init();
    });
</script>

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/599.html
jQuery水平下拉三级菜单 希望对你有帮助,感谢您的支持!
  • jquery多级导航菜单hover事件制作三级导航菜单代码

    jquery多级导航菜单hover事件制作三级导航菜单代码

  • 三级树形目录

    三级树形目录

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