library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-11-21 11:04:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

demos/slider: markup and whitespace

Browse Source
This commit is contained in:
Richard Worth 2008-12-31 04:08:58 +00:00
parent 19fd2705f9
commit 591d82edb4
2 changed files with 10 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
demos/slider/default.html
View File

@ -17,8 +17,6 @@
</head> </head>
<body> <body>
<div class="demo"> <div class="demo">
<p>Your age:</p> <p>Your age:</p>
@ -26,16 +24,12 @@
</div><!-- End demo --> </div><!-- End demo -->
<div class="demo-description"> <div class="demo-description">
<p>The default slider has a single handle and is horizontal. The handle can be moved with the mouse or by using the arrow keys and has full ARIA attributes for accessibility. The current value for the slider can be set with the value option: <pre>value: 37</pre></p> <p>The default slider has a single handle and is horizontal. The handle can be moved with the mouse or by using the arrow keys and has full ARIA attributes for accessibility. The current value for the slider can be set with the value option:</p>
<pre>value: 37</pre>
</div><!-- End demo-description --> </div><!-- End demo-description -->
</body> </body>
</html> </html>

22
demos/slider/multiple_vertical.html
View File

@ -53,21 +53,18 @@
</head> </head>
<body class="ui-widget-content" style="border:0;"> <body class="ui-widget-content" style="border:0;">
<div class="demo"> <div class="demo">
<p class="ui-state-default ui-corner-all ui-helper-clearfix" style="padding:4px;">
<p class="ui-state-default ui-corner-all clearfix" style="padding:4px;"> <span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px 0 0;"></span>
<span class="ui-icon ui-icon-volume-on" style="float:left; margin:-2px 5px 0 0;"></span>Master volume Master volume
</p> </p>
<div id="slider0" style="width:260px; margin:15px;"></div> <div id="slider0" style="width:260px; margin:15px;"></div>
<p class="ui-state-default ui-corner-all" style="padding:4px;margin-top:4em;">
<br/><br/> <span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0 0;"></span>
Graphic EQ
<p class="ui-state-default ui-corner-all" style="padding:4px;">
<span class="ui-icon ui-icon-signal" style="float:left; margin:-2px 5px 0 0;"></span>Graphic EQ
</p> </p>
<div id="slider1" style="height:120px; float:left; margin:15px"></div> <div id="slider1" style="height:120px; float:left; margin:15px"></div>
<div id="slider2" style="height:120px; float:left; margin:15px"></div> <div id="slider2" style="height:120px; float:left; margin:15px"></div>
@ -77,16 +74,13 @@
<div id="slider6" style="height:120px; float:left; margin:15px"></div> <div id="slider6" style="height:120px; float:left; margin:15px"></div>
<div id="slider7" style="height:120px; float:left; margin:15px"></div> <div id="slider7" style="height:120px; float:left; margin:15px"></div>
</div><!-- End demo --> </div><!-- End demo -->
<div class="demo-description" style="clear:left;">
<div class="demo-description">
<p>This example shows how easy it is to add multiple sliders to a page, each with their own options, to make a UI for a music player.</p> <p>This example shows how easy it is to add multiple sliders to a page, each with their own options, to make a UI for a music player.</p>
</div><!-- End demo-description --> </div><!-- End demo-description -->
</body> </body>
</html> </html>