Swiper详解

一、Swiper简介

        swiper是一款轻量级的轮播图插件,开源、免费、稳定、使用简单且功能强大,由纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果,是架构移动终端网站的重要选择!

二、安装方法

        如图点击下载Swiper;

Swiper详解_第1张图片
如图点击下载压缩文件夹,也可点击下方下载地址进行下载;

Swiper详解_第2张图片
                https://www.swiper.com.cn/download/swiper-4.5.3.zip      
Swiper中文网链接地址
Swiper中文网-轮播图幻灯片js插件,H5页面前端开发
https://www.swiper.com.cn/
三、使用方法
引入文件


  

HTML部分

   
     
       
                 
       
                 
       
                 
     
           
             
                               
     
                               
             

JS部分


整体代码




  
  
  
  


  
   
     
       
                 
       
                 
       
                 
     
           
             
                               
     
                               
                 
   

你可能感兴趣的:(javascript)