jQuery動畫animate方法使用介紹

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

返回值:jquery animate(params, [duration], [easing], [callback])

如果使用的是「hide」、「show」或「toggle」這樣的字串值，則會為該屬性呼叫預設的動畫形式。paramsoptions一組包

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

params 物件{},注意：所有指定的屬性必須用駱駝形式，比如用marginleft代替margin-left，如果使用的是「hide」、

「show」或「toggle」這樣的字串值，則會為該屬性呼叫預設的動畫形式。

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

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

callback (可選)function在動畫完成時執行的函式

0.停止動畫

if($('.swaplist,.mainlist').is(':animated'))

animate例項：

1.點選按鈕後div元素的幾個不同屬性一同變化

$("#go").click(function () , 1000);

});

2.讓指定元素左右移動

$("#right").click(function () , "slow");

});$("#left").click(function () , "slow");
});

3.在600毫秒內切換段落的高度和透明度

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

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

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

5.切換顯示隱藏

$(".box h3").toggle(function(), "slow"); 

$(this).addclass("arrow"); 
return false; 
},function(), "slow"); 
$(this).removeclass("arrow"); 
return false; 
}); 
});

//滾動焦點

$(window).scroll(function () );

JQuery動畫 animate 方法

語法 selector animate speed,callback div animate 將div距左移動250畫素預設情況下，所有 html 元素都有乙個靜態位置，且無法移動。如需對位置進行操作，要記得首先把元素的 css position 屬性設定為 relative fixed 或 abs...

解決jquery中animate動畫積累

無縫式焦點圖 var left 770 var left left 770 function slideimg slidepics animate 1000 left left left tim settimeout slideimg,5000 slideimg 由於以前也沒遇到過此問題，我也是想了...

jQuery 效果 動畫animate的使用

語法 selector animate speed,callback 引數說明 必需的 params 引數定義形成動畫的 css 屬性。可選的 speed 引數規定效果的時長。它可以取以下值 slow fast 或毫秒。可選的 callback 引數是動畫完成後所執行的函式名稱。document r...