mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
41 lines
995 B
HTML
41 lines
995 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>jQuery UI Slider - Default Demo</title>
|
|
<link type="text/css" href="../demos.css" rel="stylesheet" />
|
|
<link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
|
|
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
|
|
<script type="text/javascript" src="../../ui/ui.core.js"></script>
|
|
<script type="text/javascript" src="../../ui/ui.slider.js"></script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$("#slider").slider({
|
|
value: 37
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
<div class="demo">
|
|
|
|
<div id="slider"></div>
|
|
|
|
</div><!-- End demo -->
|
|
|
|
|
|
|
|
<div class="demo-description">
|
|
|
|
<p>The default slider has a single handle and is horizontal. The handle can be moved with the mouse or by using the arrow keys and has full ARIA attributes for accessibility. The current value for the slider can be set with the value option: <pre>value: 37</pre></p>
|
|
|
|
</div><!-- End demo-description -->
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|