1、<!doctype html><html><head> <罪焐芡拂meta charset="utf-8"> <title>jquery ui menu使用 jquery ui 菜单使用</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <link rel="stylesheet" href="http://jqueryui.com/resources/demos/style.css"> <script> $(function() { $( "#menu" ).menu(); }); </script> <style> .ui-menu { width: 150px; } </style></head><body><ul id="menu"> <li><span class="ui-icon ui-icon-disk"></span>保存</li> <li><span class="ui-icon ui-icon-zoomin"></span>放大</li> <li><span class="ui-icon ui-icon-zoomout"></span>缩小</li> <li class="ui-state-disabled"><span class="ui-icon ui-icon-print"></span>打印</li> <li> 重置 <ul> <li><span class="ui-icon ui-icon-seek-start"></span>上一个</li> <li><span class="ui-icon ui-icon-stop"></span>停止</li> <li><span class="ui-icon ui-icon-play"></span>播放</li> <li><span class="ui-icon ui-icon-seek-end"></span>下一个</li> </ul> </li> <li>了解更多关于这个菜单</li></ul></body></html>