jQuery可以任意拖拽div内容

时间:2026-02-14 17:07:03

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

jQuery可以任意拖拽div内容

2、新建html文档。

jQuery可以任意拖拽div内容

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

jQuery可以任意拖拽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>

jQuery可以任意拖拽div内容

5、书写并添加js代码。

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

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

  <script>

    $(function(){

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

    })

  </script>

jQuery可以任意拖拽div内容

6、代码整体结构。

jQuery可以任意拖拽div内容

7、查看效果。

jQuery可以任意拖拽div内容

© 2026 途途旅游
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com