常用的插件:wow、Swiper、lightbox、fullpage
wow使用步驟:
第一步拷貝? wow.js? animate.css
第二步引用animate.cs/wow.min.js
第三步:在最下邊,body的里面加上 new WOW().init();
第四步需要添加動(dòng)畫(huà)的地方
data-wow-offset="100" 促發(fā)動(dòng)畫(huà)的地點(diǎn)
data-wow-iteration="5" 動(dòng)畫(huà)執(zhí)行次數(shù) infinite 無(wú)限
data-wow-delay="2s"? 動(dòng)畫(huà)延遲執(zhí)行的時(shí)間
data-wow-duration="1s"? 動(dòng)畫(huà)執(zhí)行的時(shí)間
Swiper 用法:引用css和js,具體是swiper.css和swiper.jquery.js再將demo中的style和body代碼復(fù)制到需要的地方代替原來(lái)的代碼即可。
fullpage的用法:fullPage.css、jquery-1.8.3.min.js、fullPage.js。典型例子見(jiàn)閑人山莊。
lightbox具體用法:參考“l(fā)inghtbox”網(wǎng)站;
需要記住幾個(gè)常用的插件網(wǎng)站:jq22.com; ?lightbox(燈箱;www.dewebok.com;圖標(biāo):FontAwesome;
此外,框架amazui