本文主要是介绍使用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实现移动端的拖放效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
