插件的運(yùn)用

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容