1 <!doctype html>2 3 <html lang="en">4 <head>5 <meta charset="utf-8" />6 <title>jQuery UI Slider - Default functionality</title>7 <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.csss" />8 <script src="http://code.jquery.com/jquery-1.8.2.js"></script>9 <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>10 <script>11 $(function() {12 $( "#slider" ).slider({13 slide: function( event, ui ) {14 var n = document.getElementById('number');15 n.innerHTML = ui.value;16 },17 step: 0.518 });19 });20 </script>21 </head>22 <body>23 <div id="number">0</div>24 <div id="slider"></div>25 <button onclick='$( "#slider" ).slider( "value", 75 );'>go to 75</button>26 27 </body>28 </html>
Este ShareCode tiene versiones:
- jQuery UI Slider - Default... (24/04/2013)
- jQuery UI Slider - Default... (24/04/2013)
Enlace
El enlace para compartir es: