美文网首页
拖拽插件

拖拽插件

作者: wyq_0bed | 来源:发表于2017-07-10 15:44 被阅读0次
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="js/drag.js"></script>
    </head>

    <body>
        <div class='box box-4'>
            <dl><i class='hander'>拖我</i>![](img/04.jpg)</dl>
            <dl>![](img/06.jpg)</dl>
            <dl>![](img/07.jpg)</dl>
        </div>
    </body>
    <script type="text/javascript">
        $('.box-4 dl').each(function(){
                $(this).dragging({
                    move : 'both',
                    randomPosition : true,
                    hander: '.hander' //拖手
                });
            });
    </script>

</html>

http://www.jq22.com/jquery-info5844

相关文章

  • h5拖拽相关事件

    拖拽 Sortable.js插件拖拽的时候主要由这几个事件完成,

  • 拖拽插件

    http://www.jq22.com/jquery-info5844

  • 拖拽式设计页面资料

    拖拽式设计页面资料 网上常见方案 jquery ui插件 freewall 插件 Draggabilly插件 Sh...

  • 拖动拖拽插件

    分享一个封装好的拖动插件,使用方式很简单,入参传入需要拖动的dom即可(支持pc端,h5端) 例子:Drag(do...

  • 封装鼠标拖拽

    1、拖拽插件的参数 参数参数表示的意义el要被拖拽的对象dire"x" , "y" 不传的时候两个方向都能拖拽dr...

  • 使用过的插件记录

    一、vue拖拽插件 https://bevacqua.github.io/dragula/[https://bev...

  • 实现可拖拽插件

    一、js拖拽插件的原理常见的拖拽操作是什么样的呢?整过过程大概有下面几个步骤: 1、用鼠标点击被拖拽的元素 2、按...

  • jquery html5 Sortable.js 拖拽排序源码分

    最近公司项目经常用到一个拖拽 Sortable.js插件,所以有空的时候看了 Sortable.js 源码拖拽的时...

  • 拖拽插件的使用

    1.jQuery List DragSort ;一个适合拖动块元素的插件 2.jQuery Sortable;一个...

  • 学习 vuedraggable 拖拽插件

    vue 的插件一般比较乱,所以官方吧,自己搞了个插件库。网址部署在 GitHub 上:https://github...

网友评论

      本文标题:拖拽插件

      本文链接:https://www.haomeiwen.com/subject/pztuhxtx.html