metisMenu.js是一个纯JavaScript导航菜单插件,可以帮助你创建响应式,动画,手风琴/下拉菜单导航。
主要特色
- 光滑的折叠/展开动画。
- 启用AJAX。
- 兼容的桌面和移动。
- 事件处理程序。
- 基于animate.css自定义动画。
默认初始化
document.addEventListener("DOMContentLoaded", function(event) { new MetisMenu('#example'); });自定义参数
document.addEventListener("DOMContentLoaded", function(event) { new MetisMenu('#example',{ // 父级元素 parentTrigger: "li", // 子菜单元素 subMenu: "ul", // 自动展开 toggle: true, // 触发元素 triggerElement: "a" }); });事件处理
document.addEventListener("DOMContentLoaded", function(event) { new MetisMenu('#example') .on('show.metisMenu', function(event) { console.log(event.detail.showElement); }) .on('shown.metisMenu', function(event) { console.log(event.detail.shownElement); }) .on('hide.metisMenu', function(event) { console.log(event.detail.hideElement); }) .on('hidden.metisMenu', function(event) { console.log(event.detail.hiddenElement); }); });API方法
onst mm = new MetisMenu("#menu"); // 停止和销毁菜单 mm.dispose(); // 更新菜单 mm.update();
多级手风琴下拉菜单插件metisMenu.js
正在加载文件目录...
- 热度 95
攀岩者下载了 此素材
我只是我下载了 此素材
葛云峰下载了 此素材
简单下载了 此素材
香槟下载了 此素材
".Relliot下载了 此素材
李剑飞下载了 此素材
。。下载了 此素材
风吹鸡蛋壳下载了 此素材
王旺王下载了 此素材