手机触屏滑动切换图片特效(jquery特效源码)

软件标签: 手机触屏滑动切换图片 jquery

手机屏幕手指滑动特效源码是为手机图片滑动制作的特效源码，也是非常非常有趣的特效源码，你可以使用它来滑动手机内容，图片或者其他应用等，，需要的朋友来下载试用使用吧！

源码介绍：

手机触屏滑动切换图片特效(jquery)，手指向左或向右滑动屏幕，像翻篇一样切换内容，可以用于手机端应用开中。

使用方法：

引用js插件和css样式表

1、<link type="text/css" href="css/style.css" rel="stylesheet"/>

2、<script src="js/jquery.min.js"></script>

3、<script type="text/javascript" src="js/jquery.event.drag.js"></script>

4、<script type="text/javascript" src="js/jquery.touchSlider.js"></script>

HTML结构：

<div class="img_gallery">

<div class="point">

<a href="#">1</a>

<a href="#">2</a>

<a href="#">3</a>

<a href="#">4</a>

<a href="#">5</a>

</div>

<div class="main_img">

<ul>

<li><span class="img_1"></span></li>

<li><span class="img_2"></span></li>

<li><span class="img_3"></span></li>

<li><span class="img_4"></span></li>

<li><span class="img_5"></span></li>

</ul>

<a href="javascript:;" id="btn_prev"></a>

<a href="javascript:;" id="btn_next"></a>

</div>

<div class="img_font">

<span>img 1</span>

<span>img 2</span>

<span>img 3</span>

<span>img 4</span>

<span>img 5</span>

</div>

</div>