三级菜单结构图

<nav id="cbp-hrmenu" class="cbp-hrmenu">
    <ul>
        <li>
            <a href="https://jy.tp.yuanmeng.life/">Products</a>
            <div class="cbp-hrsub">
                <div class="cbp-hrsub-inner"> 
                    <div>
                        <h4>Learning & Games</h4>
                        <ul>
                            <li><a href="https://jy.tp.yuanmeng.life/">Catch the Bullet</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Snoopydoo</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Fallen Angel</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Sui Maker</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Wave Master</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Golf Pro</a></li>
                        </ul>
                    </div>
                    <div>
                        <h4>Utilities</h4>
                        <ul>
                            <li><a href="https://jy.tp.yuanmeng.life/">Gadget Finder</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Green Tree Express</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Green Tree Pro</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">Wobbler 3.0</a></li>
                            <li><a href="https://jy.tp.yuanmeng.life/">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>