詳解動畫插件wow.js的使用方法
本文介紹了動畫插件wow.js的使用方法 ,具體如下,分享給大家
1,下載文件
animate.css 下載地址: http://daneden.github.io/animate.css/
wow.min.js 下載地址: http://www.downyi.com/downinfo/37040.html#address
2,引入文件
<link rel="stylesheet" href="css/animate.css" rel="external nofollow" > <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>
3,觀察你需要的效果
http://daneden.github.io/animate.css/
4,在需要動畫的標(biāo)簽上添加,wow 和 你的動畫元素
5, wow.js 源碼網(wǎng)址: http://www.bootcdn.cn/wow/
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScrpt中如何使用 cookie 設(shè)置查看與刪除功能
這篇文章主要介紹了JavaScrpt中使用 cookie 設(shè)置查看與刪除功能的方法,文中通過實例代碼給大家介紹了js cookie常用的3個預(yù)設(shè)函數(shù)庫,需要的朋友可以參考下2017-07-07JS面向?qū)ο缶幊袒A(chǔ)篇(三) 繼承操作實例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊汤^承操作,結(jié)合實例形式詳細(xì)分析了JS面向?qū)ο罄^承的具體概念、原理、實現(xiàn)方法及操作注意事項,需要的朋友可以參考下2020-03-03JavaScript定義簡單的頁面復(fù)選框?qū)崿F(xiàn)全選操作
本文主要介紹了JavaScript定義簡單的頁面復(fù)選框?qū)崿F(xiàn)全選操作,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05JS奇技之利用scroll來監(jiān)聽resize詳解
這篇文章主要給大家介紹了JS奇技之利用scroll來監(jiān)聽resize的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-06-06JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關(guān)閉窗口的方法
這篇文章主要介紹了JavaScript實現(xiàn)單擊網(wǎng)頁任意位置打開新窗口與關(guān)閉窗口的方法,涉及javascript窗口的相關(guān)操作函數(shù)與使用技巧,需要的朋友可以參考下2017-09-09