JS庫(kù)之wow.js使用方法
更新時(shí)間：2017年09月14日 15:36:59 投稿：mrr
近日，在做項(xiàng)目中，需要做到滾動(dòng)條滑到某個(gè)位置時(shí)，才能顯示動(dòng)畫(huà)，網(wǎng)上查詢(xún)到有個(gè)wow.js可以達(dá)到要求，現(xiàn)在把使用方法做如下總結(jié)，需要的朋友參考下吧
近日，在做項(xiàng)目中，需要做到滾動(dòng)條滑到某個(gè)位置時(shí)，才能顯示動(dòng)畫(huà)，網(wǎng)上查詢(xún)到有個(gè)wow.js可以達(dá)到要求，現(xiàn)在把使用方法做如下總結(jié)：
使用方法真是超簡(jiǎn)單~~
需要配合Animated.css使用
方法如下：
1.引用wow.js或者wow.min.js 和 animate.css
2.在需要用到這個(gè)效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s"，具體所表示的含義在下圖中有說(shuō)明
3.初始化wow.js
代碼如下：
<script>
wow = new WOW({
animateClass: ‘a(chǎn)nimated‘,
});
wow.init();
</script>
總結(jié)
以上所述是小編給大家介紹的S庫(kù)之wow.js使用方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)吸頂盒效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
使用typescript類(lèi)型實(shí)現(xiàn)ThreeSum
這篇文章主要介紹了使用typescript類(lèi)型實(shí)現(xiàn)ThreeSum，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以一下，希望對(duì)你學(xué)習(xí)又是幫助2022-08-08
JS Common 2 之比較常用到的函數(shù)...2007-03-03
javascript實(shí)現(xiàn)電腦和手機(jī)版樣式切換
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)電腦和手機(jī)版樣式切換，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
js 獲取后臺(tái)的字段 改變 checkbox的被選中的狀態(tài) 代碼
js 獲取后臺(tái)的字段 改變 checkbox的被選中的狀態(tài) 代碼，需要的朋友可以參考一下2013-06-06
JavaScript中的二進(jìn)制數(shù)據(jù)處理方法詳解
Blob、ArrayBuffer和Buffer是JavaScript中用于表示和操作二進(jìn)制數(shù)據(jù)的三種主要方式，本文將深入探討這些概念，以及它們?nèi)绾卧贘avaScript中使用，需要的可以參考一下2023-06-06
其實(shí)為js文件傳參是很久就接觸過(guò)的一個(gè)問(wèn)題，只是一直沒(méi)有放在心上，今天在無(wú)憂(yōu)看到又有人問(wèn)這個(gè)問(wèn)題，今日總結(jié)一下。2010-05-05
CSV文件是一種廣泛應(yīng)用于數(shù)據(jù)存儲(chǔ)和交換的格式,本文將通過(guò)專(zhuān)業(yè)且通俗易懂的方式為大家介紹如何利用JavaScript高效地操作CSV文件,有需要的可以參考下2024-11-11
javascript實(shí)例--教你實(shí)現(xiàn)撲克牌洗牌功能
我們一般都會(huì)按照順序把隨機(jī)摸過(guò)來(lái)的牌從小到大的順序在手上理整齊（記得小時(shí)候打牌兩副牌手都抓不過(guò)來(lái)），這篇隨筆就是想通過(guò)實(shí)現(xiàn)這個(gè)功能來(lái)熟悉下js中排序數(shù)組等相關(guān)知識(shí)。2014-05-05
本篇文章我們從面包屑導(dǎo)航的樣式，面包屑導(dǎo)航的代碼等方面詳細(xì)給大家分析了它的作用和設(shè)計(jì)技巧，如果你有這方便的需要，學(xué)習(xí)參考下吧。2017-12-12