2008-12-05 20:19:46 +00:00
|
|
|
<!doctype html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>jQuery UI Slider Static Markup Test Page</title>
|
2008-12-09 18:25:09 +00:00
|
|
|
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css"/>
|
|
|
|
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
|
|
|
|
<script type="text/javascript" src="static_helpers.js"></script>
|
|
|
|
<style type="text/css">
|
|
|
|
.ui-slider {margin: 2em 0;}
|
|
|
|
</style>
|
2008-12-05 20:19:46 +00:00
|
|
|
</head>
|
2008-12-08 21:34:19 +00:00
|
|
|
<body style="font-size: 62.5%;">
|
2008-12-05 20:19:46 +00:00
|
|
|
|
2008-12-12 02:31:34 +00:00
|
|
|
<!-- Slider: horizontal -->
|
2008-12-12 15:53:54 +00:00
|
|
|
<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
|
2008-12-05 20:19:46 +00:00
|
|
|
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
|
|
|
|
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>
|
2008-12-11 17:46:29 +00:00
|
|
|
<div class="ui-slider-range ui-state-default" style="left: 15%; width: 15%;"></div>
|
2008-12-05 20:19:46 +00:00
|
|
|
</div>
|
|
|
|
|
2008-12-12 02:31:34 +00:00
|
|
|
<!-- Slider: vertical -->
|
2008-12-05 20:19:46 +00:00
|
|
|
<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
|
|
|
|
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
|
|
|
|
<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>
|
2008-12-11 17:46:29 +00:00
|
|
|
<div class="ui-slider-range ui-state-default" style="top: 15%; height: 45%;"></div>
|
2008-12-05 20:19:46 +00:00
|
|
|
</div>
|
2008-12-09 18:11:35 +00:00
|
|
|
|
2008-12-05 20:19:46 +00:00
|
|
|
</body>
|
|
|
|
</html>
|