南湖12138

Swiper插件实现轮播图

     轮播图是在一个模块或者说窗口,通过电脑上鼠标点击、手机上手指滑动后,可以看到多张图片。这些图片就都是轮播图,这个模块就叫做轮播模块。

我们可以通过多种方式在网页上插入轮播图,现在最常用简单的一种方法是通过在Swiper的官网--http://www.swiper.com.cn/里选择你想要的Swiper的样式插件进行下载,然后链接到自己网页的前段上进行效果的实现

 

 

我们插入Swiper的方式有两种:

第一种是直接在H5前段上:

 

 第二种是通过链入式,引入js的方法实现:

 

posted on 2021-12-26 13:40  南湖12138  阅读(107)  评论(0编辑  收藏  举报

导航