wow.js 向下滾動動畫插件 使用說明

Wow是一個鼠標向下滾動,內容逐漸顯示的插件,它依賴animate.css 動畫(或者其他的動畫庫),功能類似 waypoints 插件。

Github地址:https://github.com/matthieua/WOW
使用說明:http://mynameismatthieu.com/WOW/docs.html
在線示例:http://mynameismatthieu.com/WOW/

調用:
new WOW().int();

注意:
在html代碼中,先要增加wow類,然後增加你需要的動畫效果的類。
默認需要有動畫效果的是wow類,如果是其他類,在js實例化的時候更改boxCalass參數;默認的動畫名字是animated。
有四個data屬性,data-wow-duration(設置動畫時間),data-wow-delay:(延遲多長時間開始動畫),data-wow-offset:(距瀏覽器底部多少距離開始動畫),data-wow-iteration: (重複的次數)
示例:

<div class="wow slideInRight" style="height:500px" data-wow-offset="10" ></div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章