常用的插件: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
网友评论