???wow=newWOW{???????animateCl...">
技術(shù)文章
wow.js使用方法
發(fā)布日期:2019-07-27 閱讀次數(shù):2001 字體大?。?a href="javascript:;" onclick="ChangeFontSize('content',16)">大

在做項(xiàng)目中,需要做到滾動(dòng)條滑到某個(gè)位置時(shí),才能顯示動(dòng)畫,網(wǎng)上查詢到有個(gè)wow.js可以達(dá)到要求,現(xiàn)在把使用方法做如下總結(jié):

wow.js演示地址

wow.js的github地址

使用方法真是超簡單~~

需要配合Animated.css使用

方法如下:

  1.引用wow.js或者wow.min.js 和 animate.css

 

  

  

  2.在需要用到這個(gè)效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s",具體所表示的含義在下圖中有說明

 

     

 

  3.初始化wow.js

 

  

  代碼如下:

  

大寫的OK?。?!

就是這么簡單與任性~~