学习HTML5--JQ实现拖拽小例子

最新推荐文章于 2024-04-19 09:42:12 发布

凌珞

最新推荐文章于 2024-04-19 09:42:12 发布

阅读量261

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/dyp330/article/details/81130862

版权

不废话 直接上代码，官网上是JS实现的，下面是JQ实现的，JQ版本： jquery-3.3.1.min.js
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dragDrop</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <style type="text/css">
        div {
            width: 500px;
            height: 400px;
            margin: 0 auto;
        }
        img {
            padding-right: 10px;
            padding-left: 10px;
        }
        #dragDiv {
            background-color: #0a9dc7;
            float: left;
            padding-top: 30px;
        }
        #targetDiv {
            background-color: #0c63ee;
            float: right;
            padding-top: 30px;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            $(".js-dragImg").off().on("dra

最低0.47元/天解锁文章

凌珞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
学习HTML5--JQ实现拖拽小例子

不废话直接上代码，官网上是JS实现的，下面是JQ实现的，JQ版本： jquery-3.3.1.min.js&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;dragDrop&lt;/title&gt;
复制链接

扫一扫