Jquery 自定義動畫

用於建立自定義動畫的函式。

這個函式的關鍵在於指定動畫形式及結果樣式屬性物件。這個物件中每個屬性都表示乙個可以變化的樣式屬性（如「height」、「top」或「opacity」）。注意：所有指定的屬性必須用駱駝形式，比如用marginleft代替margin-left.

而每個屬性的值表示這個樣式屬性到多少時動畫結束。如果是乙個數值，樣式屬性就會從當前的值漸變到指定的值。如果使用的是「hide」、「show」或「toggle」這樣的字串值，則會為該屬性呼叫預設的動畫形式。

在 jquery 1.2 中，你可以使用 em 和 % 單位。另外，在 jquery 1.2 中，你可以通過在屬性值前面指定 "+=" 或 "-=" 來讓元素做相對運動。

paramsoptions

一組包含作為動畫屬性和終值的樣式屬性和及其值的集合

optionsoptions

一組包含動畫選項的值的集合。

durationstring,number

(預設值: "normal") 三種預定速度之一的字串("slow", "normal", or "fast")或表示動畫時長的毫秒數值(如：1000)

easingstring

(預設值: "swing") 要使用的擦除效果的名稱(需要外掛程式支援).預設jquery提供"linear" 和 "swing".

completefunction

在動畫完成時執行的函式

stepcallback

queueboolean

(預設值: true) 設定為false將使此動畫不進入動畫佇列 (jquery 1.2中新增)

描述:

第乙個按鈕按了之後展示了不在佇列中的動畫。在div擴充套件到90%的同時也在增加字型，一旦字型改變完畢後，邊框的動畫才開始。

html **:

» animate block1 » animate block2 block1 block2

jquery **:

$("#go1").click(function(),  )
.animate( , 1000 )
.animate( , 1000);
});$("#go2").click(function(), 1000 )
.animate( , 1000 )
.animate( , 1000);
});

描述:

第二個按鈕按了之後就是乙個傳統的鏈式動畫，即等前乙個動畫完成後，後乙個動畫才會開始.

html **:

» animate block1 » animate block2 block1 block2

jquery **:

$("#go1").click(function(),  )
.animate( , 1000 )
.animate( , 1000);
});$("#go2").click(function(), 1000 )
.animate( , 1000 )
.animate( , 1000);
});

描述:

用600毫秒切換段落的高度和透明度

jquery **:

$("p").animate(, );

描述:

用500毫秒將段落移到left為50的地方並且完全清晰顯示出來（透明度為1）

jquery **:

$("p").animate(, );

描述:

乙個使用「easein」函式提供不同動畫樣式的例子。只有使用了外掛程式來提供這個「easein」函式，這個引數才起作用。

jquery **:

$("p").animate(, );