jQuery mmenu是一個強大的jQuery插件,用于創建響應式的移動菜單。它可以在任何設備上完美地工作,并支持多種不同的效果和主題。下面介紹如何使用它:
// 引入jQuery和mmenu插件 <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery.mmenu/8.5.21/jquery.mmenu.all.js"></script> // 創建菜單 <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="#contact">Contact</a></li> </ul> </nav> // 初始化菜單 $("#my-menu").mmenu(); // 指定觸發菜單的按鈕 $("#my-button").click(function() { $("#my-menu").trigger("open.mm"); });
代碼中,首先我們先引入jQuery和mmenu插件。然后在頁面中創建一個nav元素,id為my-menu。在其中添加ul和li元素來創建菜單項。接著我們在js中調用mmenu插件的初始化函數來初始化菜單。最后在按鈕點擊事件中,我們通過trigger()函數來觸發菜單的打開事件。在此之后,就可以開始自定義Mmenu菜單,使其符合您的特定需求。
上一篇html5 怎么設置空格
下一篇jquery init