4
<title>jQuery UI Slider - Default functionality</title>
5
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
7
<script type="text/javascript" src="../../ui/ui.core.js"></script>
8
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
9
<link type="text/css" href="../demos.css" rel="stylesheet" />
10
<style type="text/css">
11
#demo-frame > div.demo { padding: 10px !important; };
13
<script type="text/javascript">
15
$("#slider").slider();
23
<div id="slider"></div>
25
</div><!-- End demo -->
27
<div class="demo-description">
29
<p>The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.</p>
31
</div><!-- End demo-description -->