美文网首页
插件的运用

插件的运用

作者: 枫123 | 来源:发表于2017-09-07 21:28 被阅读0次

    常用的插件:wow、Swiper、lightbox、fullpage

    wow使用步骤:

    第一步拷贝  wow.js  animate.css

    第二步引用animate.cs/wow.min.js

    第三步:在最下边,body的里面加上 new WOW().init();

    第四步需要添加动画的地方

    data-wow-offset="100" 促发动画的地点

    data-wow-iteration="5" 动画执行次数 infinite 无限

    data-wow-delay="2s"  动画延迟执行的时间

    data-wow-duration="1s"  动画执行的时间

    Swiper 用法:引用css和js,具体是swiper.css和swiper.jquery.js再将demo中的style和body代码复制到需要的地方代替原来的代码即可。

    fullpage的用法:fullPage.css、jquery-1.8.3.min.js、fullPage.js。典型例子见闲人山庄。

    lightbox具体用法:参考“linghtbox”网站;

    需要记住几个常用的插件网站:jq22.com;  lightbox(灯箱;www.dewebok.com;图标:FontAwesome;

    此外,框架amazui

    相关文章

      网友评论

          本文标题:插件的运用

          本文链接:https://www.haomeiwen.com/subject/jthwjxtx.html