Wednesday, September 26, 2012

cyber drag(jquery)

jquery သံုးျပီးေရးထားတဲ႔ drag ေလးပါ    mouse ကိုႏွိပ္ျပီး လိုတဲ႔ေနရာကိုဆြဲသြားလို႔ရပါတယ္

နမူနာ online
http://cyberoot.blogspot.com/p/cyber-drag.html

local စမ္းခ်င္တယ္ဆိုရင္ေတာ႔ ဒီမွာေဒါင္းပါ
http://www.mediafire.com/?cptkki4w6kg9p68

source 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;">
 ကၽြန္ေတာ္ကိုဆြဲပါ <span style="color: red;">^_^</span><br />
 cyberoot.blogspot.com
</span>
</div>
</body>
</html>

No comments:

Post a Comment

Thanks for your comments
Welcome from cyberoot