jQuery UI基础----2jQuery UI Interractions-draggable(可拖放性
2015-10-04 16:19
751 查看
<!DOCTYPE html> <html> <head lang="en"> <!--draggable可拖放性--> <meta charset="UTF-8"> <title></title> <!--ju_ui引入的三个文件--> <script src="jquery-2.1.4.min.js"></script> <script src="jquery-ui.min.js"></script> <link href="jquery-ui.min.css" rel="stylesheet" type="text/css"> <!--引入自己的文件--> <script src="draggable.js"></script> </head> <body> <!--写一个容器--> <div style="width: 100px; height: 100px; border: 2px solid #FF0000" id="div"></div> </body> </html>
js:
/** * Created by hao on 2015/10/4. */ $(document).ready(function(){ $("#div").draggable(); })
需要的库文件:
http://download.csdn.net/detail/zhaihaohao1/9156967
相关文章推荐
- jquery 对属性和css操作
- jQuery UI基础----1jQuery UI的使用
- jquery 实现简单快乐农场
- jquery dom操作
- 一步一步学jQuery(四)
- JQuery 1.7 笔记
- Uncaught TypeError: Cannot read property 'call' of undefined jquery.validate.min.js:28
- Js/Jquery获取iframe中的元素
- 推荐10 个很棒的 jQuery 特效代码
- 五个有用的jquery小技巧
- jQuery插件Timelinr 实现时间轴特效
- jquery 实现输入邮箱时自动补全下拉提示功能
- 读jQuery官方文档:$(document).ready()与避免冲突
- jquery 实现输入邮箱时自动补全下拉提示功能
- jQuery插件Timelinr 实现时间轴特效
- 推荐10 个很棒的 jQuery 特效代码
- jquery 实现邮箱输入自动提示功能:(二)
- jquery 实现邮箱输入自动提示功能:(一)
- jQuery时间轴插件:jQuery Timelinr
- 一步一步学jQuery(三)