4 <meta charset="utf-8">
\r
5 <title>SwingJS/jQuery UI Slider</title>
\r
6 <script src="jQuery.js"></script>
\r
8 <link href="jquery-ui-core1.css" rel="stylesheet">
\r
10 <script src="JQuery_UI_Core1.js"></script>
\r
12 <script src="jquery-ui-slider.js"></script>
\r
13 <link href="jquery-ui-slider.css" rel="stylesheet">
\r
16 $(document).ready(function() {
\r
17 $( "#slider" ).slider({
\r
18 orientation: "horizontal",
\r
23 slide: function( event, ui ) {
\r
24 $( "#amount" ).val( ui.value );
\r
27 $( "#amount" ).val( $( "#slider" ).slider( "value" ) );
\r
34 <label for="amount">Volume:</label>
\r
35 <input type="text" id="amount" readonly style="border:0; color:#f6931f; font-weight:bold;">
\r
38 <div id=wrap class="swingjs">
\r
39 <div id="slider" style="width:200px;height:5px;font-size:10px"></div>
\r