近期接触了移动端html5和css3,想加入些轮播图,于是在网上搜集整理了一些资料,经自己补充改进使之较为完善
原生JavaScript 移动端web轮播图片
实现功能
索引小圆点过渡滑动动画的定时轮播移动端可以滑动切换图片滑动距离不够则吸附回去效果图
代码
slideshow.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><title>移动端-轮播图</title><link rel="stylesheet" href="slideshow.css"></head><body><div><div><ul><li><a href="#"><img src="images/l5.jpg"></a></li><li><a href="#"><img src="images/l1.jpg"></a></li><li><a href="#"><img src="images/l2.jpg"></a></li><li><a href="#"><img src="images/l