animate的意思是:使有生氣;驅動;使栩栩如生地動作;賦予…以生命作為形容詞:有生命的;活的;animate()在jquery中作為一個方法,可用於建立動畫效果以下是例項程式碼:
Js程式碼
艾妮
定義和用法
animate() 方法執行 CSS 屬性集的自定義動畫。該方法通過CSS樣式將元素從一個狀態改變為另一個狀態。CSS屬性值是逐漸改變的,這樣就可以建立動畫效果。只有數字值可建立動畫(比如 "margin:30px")。字串值無法建立動畫(比如 "background-color:red")。註釋:使用 "+=" 或 "-=" 來建立相對動畫(relative animations)。語法 1$(selector).animate(styles,speed,easing,callback)引數styles必需。規定產生動畫效果的 CSS 樣式和值。可能的 CSS 樣式值(提供例項):backgroundPositionborderWidthborderBottomWidthborderLeftWidthborderRightWidthborderTopWidthborderSpacingmarginmarginBottommarginLeftmarginRightmarginTopoutlineWidthpaddingpaddingBottompaddingLeftpaddingRightpaddingTopheightwidthmaxHeightmaxWidthminHeightminWidthfontfontSizebottomleftrighttopletterSpacingwordSpacinglineHeighttextIndent註釋:CSS 樣式使用 DOM 名稱(比如 "fontSize")來設定,而非 CSS 名稱(比如 "font-size")。speed可選。規定動畫的速度。預設是 "normal"。可能的值:毫秒 (比如 1500)"slow""normal""fast"easing可選。規定在不同的動畫點中設定動畫速度的 easing 函式。內建的 easing 函式:swinglinear擴充套件外掛中提供更多 easing 函式。allback可選。animate 函式執行完之後,要執行的函式。語法 2$(selector).animate(styles,options)styles 必需。規定產生動畫效果的 CSS 樣式和值(同上)。options可選。規定動畫的額外選項。可能的值:speed - 設定動畫的速度easing - 規定要使用的 easing 函式callback - 規定動畫完成之後要執行的函式step - 規定動畫的每一步完成之後要執行的函式queue - 布林值。指示是否在效果佇列中放置動畫。如果為 false,則動畫將立即開始specialEasing - 來自 styles 引數的一個或多個 CSS 屬性的對映,以及它們的對應 easing 函式