日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

jQuery animate() 方法

 johnny_net 2019-03-30

定義和用法

animate() 方法執(zhí)行 CSS 屬性集的自定義動畫。

該方法通過 CSS 樣式將元素從一個狀態(tài)改變?yōu)榱硪粋€狀態(tài)。CSS屬性值是逐漸改變的,這樣就可以創(chuàng)建動畫效果。

只有數(shù)字值可創(chuàng)建動畫(比如 "margin:30px")。字符串值無法創(chuàng)建動畫(比如 "background-color:red")。

提示:請使用 "+=" 或 "-=" 來創(chuàng)建相對動畫。

語法

(selector).animate({styles},speed,easing,callback)


參數(shù)描述
styles必需。規(guī)定產(chǎn)生動畫效果的一個或多個 CSS 屬性/值。

注意: 當(dāng)與 animate() 方法一起使用時,該屬性名稱必須是駝峰寫法: 您必須使用 paddingLeft 代替 padding-left,marginRight 代替 margin-right,依此類推。

可以應(yīng)用動畫的屬性:

提示:顏色動畫不包含在核心 jQuery 庫中。如果您想要應(yīng)用動畫顏色,您需要從 jQuery.com 下載 顏色動畫插件。
speed可選。規(guī)定動畫的速度。

可能的值:

  • 毫秒

  • "slow"

  • "fast"

easing可選。規(guī)定在動畫的不同點中元素的速度。默認(rèn)值是 "swing"。

可能的值:

  • "swing" - 在開頭/結(jié)尾移動慢,在中間移動快

  • "linear" - 勻速移動

提示:擴展插件中提供更多可用的 easing 函數(shù)。
callback可選。animate 函數(shù)執(zhí)行完之后,要執(zhí)行的函數(shù)。

如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容,請訪問我們的 jQuery Callback 這一章。



Alternate 語法

(selector).animate({styles},{options})


參數(shù)描述
styles必需。規(guī)定產(chǎn)生動畫效果的一個或多個 CSS 屬性/值(同上)。
options可選。規(guī)定動畫的額外選項。

可能的值:

  • speed - 設(shè)置動畫的速度

  • easing - 規(guī)定要使用的 easing 函數(shù)

  • callback - 規(guī)定動畫完成之后要執(zhí)行的函數(shù)

  • step - 規(guī)定動畫的每一步完成之后要執(zhí)行的函數(shù)

  • queue - 布爾值。指示是否在效果隊列中放置動畫。如果為 false,則動畫將立即開始。

  • specialEasing - 來自 styles 參數(shù)的一個或多個 CSS 屬性的映射,以及它們的對應(yīng) easing 函數(shù)

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多