zoukankan      html  css  js  c++  java
  • 前端插件--总结

    一、图标插件库

      (1)http://www.fontawesome.com.cn

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

         (1)作用:轮播图,文字上下的滚动等

      (2)插件下载:https://files.cnblogs.com/files/damoblog/swiper-4.2.2.zip

      (3)例子:文字上下的滚动

    (html代码)

    <div class="swiper-container" id="swiper2">
        <div class="swiper-wrapper">
           <div class="swiper-slide">党十九大精神的发扬,值得众学习1</div>
           <div class="swiper-slide">党十九大精神的发扬,值得众学习2</div>
           <div class="swiper-slide">党十九大精神的发扬,值得众学习3</div>
           <div class="swiper-slide">党十九大精神的发扬,值得众学习4</div>
           <div class="swiper-slide">党十九大精神的发扬,值得众学习5</div>
           <div class="swiper-slide">党十九大精神的发扬,值得众学习6</div>
           <div class="swiper-slide">党十九大精神的发扬,值得众学习7</div>
        </div>
    </div>
    //轮播文字
        var swiper2 = new Swiper('#swiper2', {
          autoplay: {
            delay: 2000,
            disableOnInteraction: false,
          },
          slidesPerView:2,//设置slider容器能够同时显示的slides数量
          slidesPerGroup : 2,
          loop : true,
          loopedSlides: 6,
          speed:2000,//速度
          direction: 'vertical',
        });
  • 相关阅读:
    BZOJ:4219: 跑得比谁都快 3007: 拯救小云公主
    BZOJ:4816: [Sdoi2017]数字表格
    BZOJ:4333: JSOI2012 智者的考验
    BZOJ:3911: SGU383 Caravans(三角剖分)
    bzoj:2595: [Wc2008]游览计划
    ZOJ3602:Count the Trees
    A Dangerous Maze (II) LightOJ
    Where to Run LightOJ
    Lights inside 3D Grid LightOJ
    Snakes and Ladders LightOJ
  • 原文地址:https://www.cnblogs.com/damoblog/p/8823220.html
Copyright © 2011-2022 走看看