1. slideDown([speed],[easing],[fn])
概述:
通過高度變化(向下增大)來動態(tài)地顯示所有匹配的元素,在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
這個(gè)動畫效果只調(diào)整元素的高度,可以使匹配的元素以“滑動”的方式顯示出來。在jQuery 1.3中,上下的padding和margin也會有動畫,效果更流暢。
參數(shù)詳解:
speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動畫時(shí)長的毫秒數(shù)值(如:1000)
easing:(Optional) 用來指定切換效果,默認(rèn)是"swing",可用參數(shù)"linear"
fn:在動畫完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次。
2. animate(params,[speed],[easing],[fn])
概述:
用于創(chuàng)建自定義動畫的函數(shù)。
這個(gè)函數(shù)的關(guān)鍵在于指定動畫形式及結(jié)果樣式屬性對象。這個(gè)對象中每個(gè)屬性都表示一個(gè)可以變化的樣式屬性(如“height”、“top”或“opacity”)。注意:所有指定的屬性必須用駱駝形式,比如用marginLeft代替margin-left.
而每個(gè)屬性的值表示這個(gè)樣式屬性到多少時(shí)動畫結(jié)束。如果是一個(gè)數(shù)值,樣式屬性就會從當(dāng)前的值漸變到指定的值。如果使用的是“hide”、“show”或“toggle”這樣的字符串值,則會為該屬性調(diào)用默認(rèn)的動畫形式。
在 jQuery 1.2 中,你可以使用 em 和 % 單位。另外,在 jQuery 1.2 中,你可以通過在屬性值前面指定 "+=" 或 "-=" 來讓元素做相對運(yùn)動。
jQuery 1.3中,如果duration設(shè)為0則直接完成動畫。而在以前版本中則會執(zhí)行默認(rèn)動畫。
jQuery 1.8中,當(dāng)你使用CSS屬性在css()或animate()中,我們將根據(jù)瀏覽器自動加上前綴(在適當(dāng)?shù)臅r(shí)候),比如("user-select", "none"); 在Chrome/Safari瀏覽器中我們將設(shè)置為"-webkit-user-select", Firefox會使用"-moz-user-select", IE10將使用"-ms-user-select"。
參數(shù)詳解:
params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合
speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動畫時(shí)長的毫秒數(shù)值(如:1000)
easing:要使用的擦除效果的名稱(需要插件支持).默認(rèn)jQuery提供"linear" 和 "swing".
fn:在動畫完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次
options:動畫的額外選項(xiàng)。如:speed - 設(shè)置動畫的速度,easing - 規(guī)定要使用的 easing 函數(shù),callback - 規(guī)定動畫完成之后要執(zhí)行的函數(shù),step - 規(guī)定動畫的每一步完成之后要執(zhí)行的函數(shù),queue - 布爾值。指示是否在效果隊(duì)列中放置動畫。如果為 false,則動畫將立即開始,specialEasing - 來自 styles 參數(shù)的一個(gè)或多個(gè) CSS 屬性的映射,以及它們的對應(yīng) easing 函數(shù)
3. click([[data],fn])
概述:
觸發(fā)每一個(gè)匹配元素的click事件。
這個(gè)函數(shù)會調(diào)用執(zhí)行綁定到click事件的所有函數(shù)。
參數(shù)詳解:
data:click([Data], fn) 可傳入data供函數(shù)fn處理。
fn:在每一個(gè)匹配元素的click事件中綁定的處理函數(shù)。
如沒特殊注明,文章均為方維網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自http://m.oulysa.com/news/5624.html