拖拽插件

作者: 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