Introduction:
Drag a handle to select a numeric value.The basic slider is horizontal and has a single handle that can be moved with the mouse or by using the arrow keys.
Example:
<html>
<head>
<title>jQuery UI Slider</title>
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"></link>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
$(function() {
$( "#slider" ).slider();
});
</script>
</head>
<body>
<div id="slider">
</div>
</body>
</html>
0 comments :
Post a Comment