1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <title>selectable demo</title>
6 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
7 <style>
8 #selectable .ui-selecting {
9 background: #ccc;
10 }
11 #selectable .ui-selected {
12 background: #999;
13 }
14 </style>
15 <script src="//code.jquery.com/jquery-1.12.4.js"></script>
16 <script src="//code.jquery.com/ui/1.12.1/jquery-ui.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>
34