插件的运用

2017-09-07  本文已影响0人  枫123

常用的插件: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

上一篇下一篇

猜你喜欢

热点阅读