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