专题文章
时长:00:00更新时间:2020-11-27 20:08:25
最近在做一个手机端web站点,里面有一个图片展示效果。1、点击任意图片时图片全屏展示,左右滑动能展示其他的图片。2、滑动超过一定范围自动滑到下一张图片,不超过则回退到当前照片位置。此处的滑动要带动画效果。实现。每张图片外面一个p,将其宽度设置为100%,最外层有一个p[命名为outerp],其宽度设为:总图片数量*100+‘%'。给最外层p设置touchstart,touchmove,touchend事件监听处理函数,在touchmove中根据移动的x轴距离动态改变outerp的x轴距离即可实现图片滑动效果,在touchend中根据当前滑动的距离判断滑动到下一张还是回退当前图片位置。
查看详情