jQuery手机左侧弹出层多级菜单滑动

MultiLevelPushMenu有以下特点：支持多级菜单，无限级导航元素嵌套，展开/折叠左/右导航，从左到右或从右到左都可以滑动，丰富的API，跨浏览器兼容。压缩包里的example文件还有多种左侧弹出层调用方法。

淘建站为您提供更多_导航菜单_图标导航_多级菜单_手机菜单，在此特别感谢您对我们的支持与厚爱！

引入multilevelpushmenu插件

<link rel="stylesheet" href="jquery.multilevelpushmenu.css">
<script type="jquery.min.js"></script>
<script src="jquery.multilevelpushmenu.min.js"></script>

三级导航菜单HTML代码

<nav>
    <h2><i class="fa fa-reorder"></i>所有分类</h2>
    <ul>
        <li>
            <a href="http://www.sucaiq.com/"><i class="fa fa-laptop"></i></a>
            <h2><i class="fa fa-laptop"></i></h2>
            <ul>
                <li>
                    <a href="http://www.sucaiq.com/templates"><i class="fa fa-phone"></i>网站模板</a>
                    <h2><i class="fa fa-phone"></i>网站模板</h2>
                    <ul>
                        <li>
                            <a href="http://www.sucaiq.com/templates/5-0-0-0-0-0">企业模板</a>
                        </li>
                        <li>
                            <a href="http://www.sucaiq.com/templates/4-0-0-0-0-0">商城模板</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="http://www.sucaiq.com/js"><i class="fa fa-desktop"></i>jQuery特效</a>
                    <h2><i class="fa fa-desktop"></i>jQuery特效</h2>
                    <ul>
                        <li>
                            <a href="http://www.sucaiq.com/js/7-0-0-0">图片代码</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</nav>

调用multilevelpushmenu菜单插件

$(function() {
    $('#menu').multilevelpushmenu({
        containersToPush: [$('#pushobj')]
    });
});