用js -swiper实现轮播图

快速实现图片轮播

/n


了解Swiper

是一款免费以及轻量级的移动设备触控滑块的框架,使用硬件加速过渡(如果该设备支持的话)。主要使用与移动端的网站、网页应用程序(web apps),以及原生的应用程序(native apps)。主要是为IOS而设计的,同时,在Android、WP8系统以及现代桌面浏览器也有着良好的用户体验。

代码实现




 
  
  
  
  
 
 
  
1 ![](http://img1.imgtn.bdimg.com/it/u=154767852,2436302701&fm=21&gp=0.jpg)
2 ![](http://img3.imgtn.bdimg.com/it/u=3137019665,1726860326&fm=21&gp=0.jpg)
3 ![](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=510403521,2810620239&fm=21&gp=0.jpg)
4 ![](http://img3.imgtn.bdimg.com/it/u=3438260728,2567847969&fm=15&gp=0.jpg)
5 ![](http://img4.imgtn.bdimg.com/it/u=649344479,1356067277&fm=21&gp=0.jpg)

你可能感兴趣的:(用js -swiper实现轮播图)