如何使用jQuery.mmenu构建画布外导航

本教程将带您快速浏览jQuery.jQuery插件jQuery.mmenu ，它有助于创建广泛的网站导航。 在检查时，我们将看到如何使用此插件从头开始构建画布菜单 。

什么是jQuery.mmenu？

有关jQuery.mmenu的最佳说明，我们将转到其Github页面 ：

“适用于应用程序的最佳jQuery插件，类似于您的网站和webapp的上下菜单，带有滑动子菜单。

jQuery.mmenu插件是高度可定制的，并带有许多附加组件 （例如，计数器和分隔线）以及扩展名 （例如，效果和页面阴影）。 对于那些喜欢的人，它可以作为Wordpress插件使用，并且可以在各种浏览器中很好地工作！

jQuery.mmenu入门

首先，您必须获取库的副本。 这可以通过访问其官方页面 ，通过程序包管理器（例如Bower ）或CDN（例如cdnjs ）来完成 。

下载后，您必须在页面中包含必要CSS和JS文件。

请注意，根据您要构建的菜单，可能需要其他资产。 例如，画布菜单需要jquery.mmenu.css （或其缩小版本）和jquery.mmenu.js （或其缩小版本）文件。 如果您想修改菜单的默认行为（例如，将其位置移至右侧），则还必须包括与“画布”附加组件相关的文件。 如果这看起来令人困惑，并且您不想担心需要哪些文件，请继续使用“所有”文件（即jquery.mmenu.all.css和jquery.mmenu.min.all.js ）项目。

在我们的演示中，我们将通过CDN导入“所有”文件。 我们页面的head元素将引用“所有” CSS文件：