AntUI滑块Sliders

浅色分页器

<style>.demo-swiper.swiper-container {    height: 150px;    overflow: hidden;    margin: 0 10px;    padding-top: 10px;
}.demo-swiper .swiper-slide {    line-height: 140px;    text-align: center;    background: #108EE9;    color: #ffffff;
}</style><div class="demo-swiper am-carousel swiper-container" id="J-swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">A1</div>
        <div class="swiper-slide">A2</div>
        <div class="swiper-slide">A3</div>
        <div class="swiper-slide">A4</div>
        <div class="swiper-slide">A5</div>
    </div>
    <div class="swiper-pagination"></div></div><script>var mySwiper1 = new Swiper ('#J-swiper', {
    pagination: '.swiper-pagination',
    loop: true,
    initialSlide: 2});</script>

深色分页器

<style>.demo-swiper.swiper-container {    height: 150px;    overflow: hidden;    margin: 0 10px;    padding-top: 10px;
}.demo-swiper .swiper-slide {    line-height: 140px;    text-align: center;    background: #ffffff;    color: #108EE9;
}</style><div class="swiper-container am-carousel am-sp-white demo-swiper" id="J-swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">A1</div>
        <div class="swiper-slide">A2</div>
        <div class="swiper-slide">A3</div>
        <div class="swiper-slide">A4</div>
        <div class="swiper-slide">A5</div>
    </div>
    <div class="swiper-pagination"></div></div><script>var mySwiper1 = new Swiper ('#J-swiper', {
    pagination: '.swiper-pagination',
    loop: true,
    initialSlide: 2});</script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • html+js开发模拟考试在线评分系统

    爱知汇
  • html+js开发模拟考试在线评分系统

    爱知汇
  • AntUI文字书写范例(util/writing)

    爱知汇
  • 使用swiper制作拓展效果(跑马灯)

    Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

    天天_哥
  • swiper实现图片轮播功能

    swiper是一个相当强大的图片展示插件,下面我来介绍一下swiper的简单图片轮播功能。一般情况下我们所说的图片轮播就是在一个区域内有几张图片循环展示,有的可...

    OECOM
  • Swiper开篇

     swiper是一款轻量级以及免费的移动设备触控滑块的js框架,主要运用于移动端的操作,但也可以用于pc端页面效果制作,完全的开源免费,

    用户3159471
  • SpringBoot集成Thymeleaf模板引擎

    简单介绍 目前在JavaEE领域有几中比较常用的模板引擎,分别是Jsp、Velocity、Freemarker、Thymeleaf,对Freemark语法不是...

    SmileNicky
  • 操作系统之文件管理

    按文件性质和用途分类(UNIX),一般分为普通文件、目录文件、特殊文件(设备文件)、管道文件、套接字

    JavaEdge
  • JavaScript之获取和设置元素属性

    1.与我前面的随笔获取元素的那些方法不同http://www.cnblogs.com/GreenLeaves/p/5689075.html 获取元素属性的方法g...

    郑小超.
  • Django入门笔记4

    if-else分支标签:{% if %},{% else %},{% endif %}

    用户6367961

扫码关注云+社区

领取腾讯云代金券