jQuery Mobile是一個快速開發移動應用的框架,其中的導航菜單是使用很頻繁的組件之一。
使用jQuery Mobile創建導航菜單很容易,只需要簡單的幾行代碼即可完成。
首先,需要在html文件中引入jQuery和jQuery Mobile的庫文件:
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" >
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
然后,在頁面中創建一個,并在其中嵌套一個
- ,在
- 標簽即可創建一個簡單的導航菜單:
在代碼中,<div data-role="navbar"> <ul> <li><a href="#">首頁</a></li> <li><a href="#">新聞</a></li> <li><a href="#">視頻</a></li> <li><a href="#">關于我們</a></li> </ul> </div>
的data-role屬性值為“navbar”,表示這是一個導航菜單;下一篇html5 顏色代碼表
- 中添加幾個