香水电影完整版在线观看未删减|久草在线国产|欧美伊人电影|美女福利视频在线,大开色戒完整版迅雷,久艹久,动画片大尺度未删减电影

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

了

解

紅

點(diǎn)

最

新

動(dòng)

態(tài)

和

行

業(yè)

資

訊

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

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


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

在一些網(wǎng)頁(yè)上，當(dāng)你滾動(dòng)頁(yè)面的時(shí)候會(huì)看到各式各樣的元素動(dòng)畫效果，非常動(dòng)感。WOW.js 就是一款幫助你實(shí)現(xiàn)這種 CSS 動(dòng)畫效果的插件，很容易定制，你可以改變動(dòng)畫設(shè)置喜歡的風(fēng)格、延遲、長(zhǎ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（動(dòng)畫持續(xù)時(shí)間）和 data-wow-delay（動(dòng)畫延遲時(shí)間）屬性，如：

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í)行動(dòng)畫的元素的 class
animateClass字符串‘a(chǎn)nimated’‘a(chǎn)nimated’animation.css 動(dòng)畫的 class
offset整數(shù)0距離可視區(qū)域多少開始執(zhí)行動(dòng)畫
mobile布爾值true是否在移動(dòng)設(shè)備上執(zhí)行動(dòng)畫
live布爾值true異步加載的內(nèi)容是否有效