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