本教程将带您快速浏览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文件: