Ticket #4460: default.html

File default.html, 1.0 KB (added by black, 11 years ago)

sample in jQuery ui Demo

Line 
1<!doctype html>
2<html lang="en">
3<head>
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; }
12        </style>
13        <script type="text/javascript">
14        $(function() {
15                $("#draggable").draggable();
16        });
17        </script>
18</head>
19<body>
20
21<div class="demo">
22
23<div id="draggable" class="ui-widget-content">
24        <p>Drag me around</p>
25</div>
26
27</div><!-- End demo -->
28
29<div class="demo-description">
30
31<p>
32Enable draggable functionality on any DOM element. Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.
33</p>
34
35</div><!-- End demo-description -->
36
37</body>
38</html>