多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全I(xiàn)T社區(qū)平臺聯(lián)系我們 | 收藏本站

Jquery手冊

jQuery 教程

jQuery 效果

jQuery HTML

jQuery 遍歷

jQuery Ajax

jQuery 其他

jQuery noConflict() 方法

jQuery 實(shí)例

jQuery 參考手冊

jQuery 插件

拓展閱讀

jQuery animate() 方法

閱讀 (1929)

jQuery animate() 方法

jQuery 效果方法

實(shí)例

通過改變元素的高度，對元素應(yīng)用動畫：

$("button").click(function(){
$("#box").animate({height:"300px"});
});

嘗試一下 ?

定義和用法

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)用動畫的屬性： backgroundPositionX backgroundPositionY borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing margin marginBottom marginLeft marginRight marginTop outlineWidth padding paddingBottom paddingLeft paddingRight paddingTop height width maxHeight maxWidth minHeight minWidth fontSize bottom left right top letterSpacing wordSpacing lineHeight textIndent 提示：顏色動畫不包含在核心 jQuery 庫中。如果您想要應(yīng)用動畫顏色，您需要從 jQuery.com 下載顏色動畫插件。
speed	可選。規(guī)定動畫的速度。可能的值：毫秒 "slow" "fast"
easing	可選。規(guī)定在動畫的不同點(diǎn)中元素的速度。默認(rèn)值是 "swing"。可能的值： "swing" - 在開頭/結(jié)尾移動慢，在中間移動快 "linear" - 勻速移動提示：擴(kuò)展插件中提供更多可用的 easing 函數(shù)。
callback	可選。animate 函數(shù)執(zhí)行完之后，要執(zhí)行的函數(shù)。如需學(xué)習(xí)更多有關(guān) callback 的內(nèi)容，請?jiān)L問我們的 jQuery Callback 這一章。

Alternate 語法

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

參數(shù)	描述
styles	必需。規(guī)定產(chǎn)生動畫效果的一個或多個 CSS 屬性/值（同上）。
options	可選。規(guī)定動畫的額外選項(xiàng)。可能的值： speed - 設(shè)置動畫的速度 easing - 規(guī)定要使用的 easing 函數(shù) callback - 規(guī)定動畫完成之后要執(zhí)行的函數(shù) step - 規(guī)定動畫的每一步完成之后要執(zhí)行的函數(shù) queue - 布爾值。指示是否在效果隊(duì)列中放置動畫。如果為 false，則動畫將立即開始。 specialEasing - 來自 styles 參數(shù)的一個或多個 CSS 屬性的映射，以及它們的對應(yīng) easing 函數(shù)

參數(shù)

描述

styles

必需。規(guī)定產(chǎn)生動畫效果的一個或多個 CSS 屬性/值（同上）。

options

可選。規(guī)定動畫的額外選項(xiàng)。

可能的值：

speed - 設(shè)置動畫的速度
easing - 規(guī)定要使用的 easing 函數(shù)
callback - 規(guī)定動畫完成之后要執(zhí)行的函數(shù)
step - 規(guī)定動畫的每一步完成之后要執(zhí)行的函數(shù)
queue - 布爾值。指示是否在效果隊(duì)列中放置動畫。如果為 false，則動畫將立即開始。
specialEasing - 來自 styles 參數(shù)的一個或多個 CSS 屬性的映射，以及它們的對應(yīng) easing 函數(shù)

嘗試一下 - 實(shí)例

使用帶有回調(diào)函數(shù)的 animate()
如何使用帶有回調(diào)函數(shù)的 animate() 來重復(fù)動畫。

jQuery 效果方法

教程導(dǎo)航