文件名称:
JS仿京东移动端手指拨动切换轮播图效果
开发工具:
文件大小: 50kb
下载次数: 0
上传时间: 2020-11-29
详细说明：
如今，移动端web页面在市场上也是占有相当大的比例，而移动端的轮播图效果也是很常见的，今天我就来记录下关于实现一组适用于移动端的可用手指进行拨动切换轮播图的效果。
这个效果的主要技术点依托于触屏设备特有的touch事件；好了，接下来就进入主题吧。
首先是html布局：
1. 这里强调的是记得给html加上viewport这个适口属性。
2. 由于在拨动第一张图片以及最后一张图片的时候需要切换到最后一张以及第一张，要想达到理想效果，需要给第一张图片前面加上最后一张图片，而在最后一张图片后加上第一张图片。
3. f_l代表的是左浮动
**html代码如下：**
