Mercurial > hg > MPIWGThesaurus
view jquery-ui/development-bundle/demos/draggable/default.html @ 51:5d636ba6b9cb default tip
Merge with b5d89c03f9585013d464f0240f6d82751b77186f
author | dwinter |
---|---|
date | Thu, 05 Dec 2013 13:24:57 +0100 |
parents | b2e4605f20b2 |
children |
line wrap: on
line source
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Draggable - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> <script src="../../jquery-1.5.1.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.mouse.js"></script> <script src="../../ui/jquery.ui.draggable.js"></script> <link rel="stylesheet" href="../demos.css"> <style> #draggable { width: 150px; height: 150px; padding: 0.5em; } </style> <script> $(function() { $( "#draggable" ).draggable(); }); </script> </head> <body> <div class="demo"> <div id="draggable" class="ui-widget-content"> <p>Drag me around</p> </div> </div><!-- End demo --> <div class="demo-description"> <p>Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.</p> </div><!-- End demo-description --> </body> </html>