jQuery UI基础----2jQuery UI Interractions-draggable(可拖放性

最新推荐文章于 2022-03-10 20:28:49 发布

zhaihaohao1

最新推荐文章于 2022-03-10 20:28:49 发布

阅读量539

点赞数

分类专栏： jQuery UI基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48896991

版权

jQuery UI基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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