亚洲黄色免费网站|av不卡播放|日韩黄色短视频|美女福利视频一区二区,大量国自拍情侣,嗯啊开小嫩苞好深啊h动漫视频,黄色啊啊啊啊啊

軟件開發(fā),網(wǎng)站建設(shè),微信小程序制作,抖音小程序開發(fā),湖北紅點科技有限公司

了

解

紅

點

最

新

動

態(tài)

和

行

業(yè)

資

訊

軟件開發(fā),網(wǎng)站建設(shè),微信小程序制作,抖音小程序開發(fā),湖北紅點科技有限公司
wow.js重復(fù)執(zhí)行動畫
發(fā)布時間：2024-12-09  閱讀量：423

附件：http://www.yjygvip.com/upfile/2019/01/20190111133507_432.rar


插件描述：WOW.js 是一款幫助你實現(xiàn)滾動頁面時觸發(fā)CSS 動畫效果的插件

在一些網(wǎng)頁上，當(dāng)你滾動頁面的時候會看到各式各樣的元素動畫效果，非常動感。WOW.js 就是一款幫助你實現(xiàn)這種 CSS 動畫效果的插件，很容易定制，你可以改變動畫設(shè)置喜歡的風(fēng)格、延遲、長度、偏移和迭代等。

使用方法：

1、引入文件

1
<link rel="stylesheet" href="css/animate.min.css">

2、HTML

1
2
<div class="wow slideInLeft"></div>
<div class="wow slideInRight"></div>

可以加入 data-wow-duration（動畫持續(xù)時間）和 data-wow-delay（動畫延遲時間）屬性，如：

1
2
<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></div>
<div class="wow slideInRight" data-wow-offset="10"  data-wow-iteration="10"></div>

3、JavaScript

1
new WOW().init();

如果需要自定義配置，可如下使用：

1
2
3
4
5
6
7
8
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
wow.init();

配置

屬性/方法類型默認(rèn)值說明
boxClass字符串‘wow’‘wow’ 需要執(zhí)行動畫的元素的 class
animateClass字符串‘a(chǎn)nimated’‘a(chǎn)nimated’animation.css 動畫的 class
offset整數(shù)0距離可視區(qū)域多少開始執(zhí)行動畫
mobile布爾值true是否在移動設(shè)備上執(zhí)行動畫
live布爾值true異步加載的內(nèi)容是否有效