您的位置:首页 > Web前端 > JQuery

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: