jquery-ui/tests/static/slider.html
2009-01-03 04:56:50 +00:00

32 lines
1.4 KiB
HTML

<!doctype html>
<html>
<head>
<title>jQuery UI Slider Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
<link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.3pre.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%;">
<!-- Slider: horizontal -->
<div class="ui-slider ui-slider-horizontal 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-widget-header" style="left: 15%; width: 15%;"></div>
</div>
<!-- Slider: 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-widget-header" style="top: 15%; height: 45%;"></div>
</div>
</body>
</html>