mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-20 20:44:21 +00:00
d5d5204f02
Two main reasons: our clickable state is misleading on these static elements, and our header state tends to get better contrast over content areas than our buttons do (this is subjective to the theme designer of course). Scripting should be updated to follow.
32 lines
1.4 KiB
HTML
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.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%;">
|
|
|
|
<!-- 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>
|