jQuery可以任意拖拽div内容

1、准备好需要用到的图标。

2、新建html文档。

3、书写hmtl代码。 <div class="aaa"></div>

4、书写css代码。

 <style>

    *{margin:0;padding:0;list-style:none;}

    .aaa{

      width:200px;

      height:200px;

      position:absolute;

      right:100px;

      top:100px;

      background:url("images/lanren.png") no-repeat center center;

    }

  </style>

5、书写并添加js代码。

  <script src="js/jquery1.7.2.js"></script>

  <script src="js/Tdrag.js"></script>

  <script>

    $(function(){

      $(".aaa").Tdrag();

    })

  </script>

6、代码整体结构。

7、查看效果。