热门IT资讯网

Swiper插件分页器硬应该怎么样使用

发表于:2024-11-24 作者:热门IT资讯网编辑
编辑最后更新 2024年11月24日,的服务器不仅具有高稳定性,高速访问,而且易于管理,安全和轻松使用,以减少用户在服务器维护中的能量和时间成本,并专注于自己的业务的开发和推广。亿速云服务器,致力于为用户提供性价比最高的服务器!引入swi
  1. 的服务器不仅具有高稳定性,高速访问,而且易于管理,安全和轻松使用,以减少用户在服务器维护中的能量和时间成本,并专注于自己的业务的开发和推广。亿速云服务器,致力于为用户提供性价比最高的服务器!

    引入swiper.min.css

  2. 引入query.min.js 和swiper.min.js

  3. 分页器以及轮播的一般样式引用

  4. html样式:

    针对图片


    针对分页器






  5. js部分

    var countrySwp = new Swiper('#article-slide', {
    pagination: '.swiper-aa',
    spaceBetween: 25,
    initialSlide: 0,
    slidesPerView: 'auto',
    centeredSlides: true,
    paginationClickable: true,
    paginationType:'bullets'
    })

    服务器与全球多个国家顶级机房直接合作,提供包括香港、美国、日本等国家和地区的服务器,需要的请联系官方客服! 优质的服务器租用!


0