aboutsummaryrefslogtreecommitdiffstats
path: root/tests/static/slider.html
blob: aaad7c491f6a1dfe0b70b0803cfc339a24507154 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!doctype html>
<html>
<head>
	<title>jQuery UI Slider Static Markup Test Page</title>
	<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>
</head>
<body style="font-size: 62.5%;">

<div class="ui-slider ui-widget ui-widget-content ui-corner-all">
	<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>	
	<div class="ui-slider-range ui-state-default" style="left: 15%; width: 15%;"></div>
</div>

<!-- vertical -->
<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>	
	<div class="ui-slider-range ui-state-default" style="top: 15%; height: 45%;"></div>
</div>

</body>
</html>