使用touch-punch.js实现移动端的拖放效果

本文主要是介绍使用touch-punch.js实现移动端的拖放效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一、下载文件并引入

下载地址：http://touchpunch.furf.com/

引入:

<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.ui.touch-punch.min.js"></script>

这里可以查看参数http://www.cnblogs.com/ganqiyin/archive/2013/12/12/3471622.html

二、使用

html部分:

<div class="big_img" id="big_img">
                <div class="big_img">
                    <img src="images/zz1_0.png" class="big_img_name" id="big_name">
                    <img src="images/game_list_0.png" id="big1" width="362" height="350">
                    <img src="images/start1.png" id="big2" width="217" height="210">
                </div>

 </div>

<div class="game_list">
                <div class="game_list_top">
                    <div>
                        <img src="images/game_list_1.png"  class="list_big" >
                        <img src="images/game_list_name1.png" class="game_list_name">
                    </div>
                    <div style="margin-left:145px;">
                        <img src="images/game_list_2.png"   class="list_big">
                        <img src="images/game_list_name2.png"  class="game_list_name">
                    </div>
                    <d

这篇关于使用touch-punch.js实现移动端的拖放效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---