Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Snap to another

< html lang="en"> <head>   <title></title>   <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>   <script type="text/javascript" src="js/ui/ui.core.js"></script>   <script type="text/javascript" src="js/ui/ui.draggable.js"></script>   <link type="text/css" href="js/demos.css" rel="stylesheet" />   <script type="text/javascript">     $(function() {     var dragOpts = {           snap: "#snapper",         snapMode: "inner",         snapTolerance: 50     };            $("#drag").draggable(dragOpts);     });   </script> </head> <body>     <div id="drag">Move me</div>     <div id="snapper"></div> </body> </html>