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.css" />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 });18 });19 </script>20 </head>21 <body>22 <div id="number">0</div>23 <div id="slider"></div>24 25 26 </body>27 </html>Este ShareCode tiene versiones:
- jQuery UI Slider - Default... (26/11/2012)
- jQuery UI Slider - Default... (24/04/2013)
- jQuery UI Slider - Default... (24/04/2013)
- jQuery UI Slider - Default... (24/04/2013)
- jQuery UI Slider - Default... (24/04/2013)
- jQuery UI Slider - Default... (24/04/2013)
Enlace
El enlace para compartir es: