jQuery mmenu 是一款用于移動設備的響應式菜單插件,支持多種功能和動畫效果,可輕松定制并應用于任何網站或應用中。
<nav id="my-menu"> <ul> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#services">Services</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#contact">Contact</a></li> </ul> </nav>
以上為一個基本的菜單結構,可以輕松地使用 jQuery mmenu 進行配置。例如,您可以使用以下代碼來初始化該菜單:
jQuery("#my-menu").mmenu();
該插件支持多個主題,您可以根據自己的需求進行選擇。此外,您還可以定制菜單的行為和樣式,包括菜單的位置、寬度和高度等等。以下是一些可用選項:
jQuery("#my-menu").mmenu({ extensions: ["effect-slide-menu", "pageshadow"], offCanvas: { position: "right" }, navbar: { title: "My menu" } });
在上述代碼中,我們添加了兩個擴展功能:滑動菜單效果和頁面陰影。我們還將菜單放置在頁面的右側,并添加了一個標題。您可以使用類似的選項來自定義您的菜單。