cyber drag jquery

133720 · 07-29-2013, 07:42 AM

i use jquery plugin for drag
click mouse and drage the box

simple online example

Code:
http://cyberoot.blogspot.com/p/cyber-drag.html

Local test Download

Code:
http://www.mediafire.com/?cptkki4w6kg9p68

source code

Code:
<html lang="en">
 
<head>
 
<title>Drag Cyberoot Test</title>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
 
<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
 
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
 
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>
 
<style>
 
#cyberdrag { border:1px solid green;width: 170px; height: 100px;padding:10px; border-radius:10px;}
 
</style>
 
<script>
 
$(function() {
 
$( "#cyberdrag" ).draggable();
 
});
 
</script>
 
</head>
 
<body bgcolor="black">
 
<div id="cyberdrag">
 
<span style="color: orange;">
 
Please Drag me <span style="color: red;">^_^</span><br />
 
cyberoot.blogspot.com
 
</span>
 
</div>
 
</body>
 
</html>

cyber drag jquery
Author Message