前端插件--总结

摘要:
1、 图标插件库(1)http:https://files.cnblogs.com/files/damoblog/swiper-4.2.2.zip(3)示例:文本滚动(html代码)<值得学习1<值得学习6<divclass=“滑动滑块”>值得学习7<//旋转木马文本varswiper2=newSwiper('#swiper2',

一、图标插件库

  (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',
    });

免责声明:文章转载自《前端插件--总结》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇内联函数的声明和定义Hair Rendering and Shading头发渲染和着色[GDC2004]下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

ASCII 非打印字符

项目出了问题,因为AscII非打印字符的原因,后来找了一下啊ASCII的非打印字符,总共有31个,然后我们直接全部替换成问号了. 解决方式为先找到非打印字符,这是我从网上找的非打印字符表: 进制 十六进制 字符   十进制 十六进制 字符 0 00 空   16 10 数据链路转意 1 01 头标开始   17 11 设备控制 1 2 02...

JS-七大查找算法

顺序查找 二分查找 插值查找 斐波那契查找 树表查找 分块查找  哈希查找 查找定义:根据给定的某个值,在查找表中确定一个其关键字等于给定值的数据元素(或记录)。查找算法分类:1)静态查找和动态查找;注:静态或者动态都是针对查找表而言的。动态表指查找表中有删除和插入操作的表。2)无序查找和有序查找。无序查找:被查找数列有序无序均可;有序查找:被查找数列...

easyui treegrid 动态展开数据(暂记)

 ClassifyAdminSynMsgSvr.GetCLFLList("<%=CurUTag %>", 1, "", function (ret) {                    //console.log(ret);                    //console.log(ret._Items);            ...

MybatisPlus学习笔记7:插件的配置

MP提供了很多好用的插件,而且配置简单,使用方便。接下来一起看看MP的插件如何使用。 1、分页插件: 之前就有说到,BaseMapper的selectPage方法和AR提供的selectPage方法都不是物理分页,需要配置分页插件后才是物理分页,那么现在就来看看如何配置这个插件。 在sqlSessionFactory这个bean中,通过配置插件,接下来的所...

element 表单校验失败自动聚焦到失败的input框

1.在对应的input框上添加ref属性,直接根据ref就可精确地获取到元素 <el-form-item label="课程名称" :label-width="formLabelWidth+'px'" prop="title"> <el-input ref="title" v-model="form.title" plac...

【摘】eclipse 中如何安装插件

 ^_^ ^_^火来惭愧,用eclipse快两年了都不曾知道如何安装插件(以前都是使用的MyEclipse,它自动继承了web相关的插件)。前天晚上阅读了《卓有成效的程序员》,书中提到了使用快捷键的意义,其实之前自己也意识到了快捷键的价值但只会常用的几个,此书中提到了promtper key插件,于是上网下载了一个,结果尴尬的是不会使用, 因此学习了一下插...