4
<title>jQuery UI Draggable - Default functionality</title>
5
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
6
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
7
<script type="text/javascript" src="../../ui/ui.core.js"></script>
8
<script type="text/javascript" src="../../ui/ui.draggable.js"></script>
9
<link type="text/css" href="../demos.css" rel="stylesheet" />
10
<style type="text/css">
11
#draggable { width: 150px; height: 150px; padding: 0.5em; }
13
<script type="text/javascript">
15
$("#draggable").draggable();
23
<div id="draggable" class="ui-widget-content">
27
</div><!-- End demo -->
29
<div class="demo-description">
32
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.
35
</div><!-- End demo-description -->