1当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY2当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向；2项目中只需要把css和js引入即可3然后通过代码循环加载swiperslide结构的，因为目前程序中只有4张图片，所以下面单独加了两张4设置45视图模式，JS直接给赋值成45即可，new Swiper#39#home2#39，slidesPerView；代码解析width 2是宽度二分之一处也就是屏幕宽度的中间位置height 500是高度减500像素，屏幕顶部为00是屏幕顶端500是手指从起点移动到终点所需时间，单位是毫秒这样讲，应该很明白了如果需要下滑，那么。

你可以使用JSjQuery来修改这些属性，也可以使用onchange事件来监听变化代码如下Current value 0 或者 functionvar currentValue = $#39#currentValue#39$#39#defaultSlider#39changefunction；我自己写的BS轮播加手势滑动，引入了一个插件，直接看代码吧引入插件JS代码$documentreadyfunction手势右滑 回到上一个画面$#39#myCarousel#39bind#39swiperight swiperightup swiperightdown#39，function；即 N+2张图来实现N张图的无限循环轮播 我们通过分析现象，可以提出一个基本实现方案 1 手指触摸事件可以通过 touchstart touchmove touchend 3个事件来实现 2在手指 touchstart的时候我们需要记录 手指的x坐标。

html5 新增 touch 事件禁用手机默认的触屏滚动行为documentaddEventListener#39touchmove#39， functionevent eventpreventDefault， falsetouchstart事件function touchSatrtFuncevt try；JavaScript 代码scriptjsdocumentaddEventListener#39DOMContentLoaded#39， function var slider = documentgetElementById#39slider#39var sliderWrapper = sliderparentElementvar startX， currentXslider；这里有个DEMO，需要JQUERY lt！DOCTYPE HTML ltHTML ltHEAD container width400pxheight400pxbackgroundcolor#corsorpointer seat floatleftwidth40pxheight40pxbackgroundcolorgreen；移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件处理touch事件能跟踪到屏幕滑动的每根手指以下是四种。

javascript HTML 滑鼠放上button时，显示成小手的形状 全域性的直接写css样式适用于ie6 button star expressiononmouseover==#39hand#39 如果是高于ie6版本的话 用javascript来做 wind；js判断手指滑动方向移动端var startx， starty获得角度 function getAngleangx， angy return Mathatan2angy， angx * 180 MathPI根据起点终点返回方向 1向上 2向下 3向左 4向右 0未滑动 f；监听触摸事件eventtouches中触摸点的数量 在touchmove事件做判定，如果 ==2 则记录此次两点之间的距离MathsqrtMathpo2x1，2+Mathpowy2y1，2在手指移动过程中针对每一次的两点。

jquery 移动端手指拖拽div四个边框，可上下左右随意拉伸调节div大小 5 new；这里放手机在屏幕上划动的代码，可以随时取得手指的坐标，并对元素做相应的调整，false以上的手机触屏事件分别对应着PC网页端的 onmousedown事件onmouseup事件和onmousemove事年，注意以上的手机端的JS事件在网页端是。