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
正在加载文件目录...
- 热度 92
![](https://imgs.bootstrapmb.com/2022/6/101057377.jpg)
简单下载了 此素材
![](https://imgs.bootstrapmb.com/2024/5/010423252.jpg)
香槟下载了 此素材
![](https://imgs.bootstrapmb.com/2021/5/240137036.jpg)
".Relliot下载了 此素材
![](https://imgs.bootstrapmb.com/2022/2/240328534.jpg)
李剑飞下载了 此素材
![](https://imgs.bootstrapmb.com/2023/8/090457332.jpg)
。。下载了 此素材
![](https://imgs.bootstrapmb.com/2023/11/150502311.jpg)
风吹鸡蛋壳下载了 此素材
![](https://imgs.bootstrapmb.com/2022/5/290559005.jpg)
王旺王下载了 此素材
![](https://imgs.bootstrapmb.com/2023/9/150245431.jpg)
冬天下载了 此素材
![](https://imgs.bootstrapmb.com/2022/3/101111527.jpg)
自由如风下载了 此素材
![](https://imgs.bootstrapmb.com/2022/8/300800023.jpg)
知秋一叶下载了 此素材