实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!doctype html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8">
5
  <title>菜单部件（Menu Widget）演示</title>
6
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
7
  <style>
8
  .ui-menu {
9
    width: 200px;
10
  }
11
  </style>
12
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
13
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
14
</head>
15
<body>
16
17
<ul id="menu">
18
  <li><a href="#">Item 1</a></li>
19
  <li><a href="#">Item 2</a></li>
20
  <li><a href="#">Item 3</a>
21
    <ul>
22
      <li><a href="#">Item 3-1</a></li>
23
      <li><a href="#">Item 3-2</a></li>
24
      <li><a href="#">Item 3-3</a></li>
25
      <li><a href="#">Item 3-4</a></li>
26
      <li><a href="#">Item 3-5</a></li>
27
    </ul>
28
  </li>
29
  <li><a href="#">Item 4</a></li>
30
  <li><a href="#">Item 5</a></li>
31
</ul>
32
33
<script>
34
$( "#menu" ).menu();
35
</script>
36
37
</body>
38
</html>