插件的运用

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容