gnanasekaran: Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.



<html lang="en">



<head>



  <meta charset="utf-8" />



  <title>jQuery UI Draggable - Default functionality</title>



  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />



  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>



  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>



  <link rel="stylesheet" href="/resources/demos/style.css" />



  <style>



  #draggable { width: 150px; height: 150px; padding: 0.5em; }



  </style>



  <script>



  $(function() {



    $( "#draggable" ).draggable();



  });



  </script>



</head>



<body>



 



<div id="draggable" class="ui-widget-content">



  <p>Drag me around</p>



</div>



 



 



</body>



</html>

gnanasekaran

Friday, November 8, 2013

Move the draggable object by clicking on it with the mouse and dragging it anywhere within the viewport.

No comments:

Post a Comment