1//JQuery Vertical Slider:
2
3<!doctype html>
4<html lang="en">
5<head>
6 <meta charset="utf-8">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8 <title>jQuery UI Slider - Default functionality</title>
9 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
10 <link rel="stylesheet" href="/resources/demos/style.css">
11 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
12 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
13 <script>
14 $( function() {
15 $( "#slider" ).slider();
16 } );
17 </script>
18</head>
19<body>
20
21<div id="slider"></div>
22
23
24</body>
25</html>