隱藏與顯示

hide(speed,callback)
show(speed,callback)

隱藏和顯示

• speed 可選的 speed 參數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。
• callback 可選的 callback 參數是隱藏或顯示完成后所執行的函數名稱。

示例：

$("button").click(function(){
  $("p").hide(1000);
});

toggle(speed,callback)

顯示被隱藏的元素，并隱藏已顯示的元素

淡入淡出

fadeIn()

fadeIn() 用于淡入已隱藏的元素。

fadeOut()

fadeOut() 方法用于淡出可見元素。

fadeToggle()

如果元素已淡出，則 fadeToggle() 會向元素添加淡入效果。
如果元素已淡入，則 fadeToggle() 會向元素添加淡出效果。

fadeTo()

fadeTo() 方法允許漸變為給定的不透明度（值介于 0 與 1 之間）。

滑動

slideDown()

slideDown() 方法用于向下滑動元素。

slideUp()

slideUp() 方法用于向上滑動元素。

slideToggle()

如果元素向下滑動，則 slideToggle() 可向上滑動它們。
如果元素向上滑動，則 slideToggle() 可向下滑動它們。

自定義動畫

animate()

animate() 方法用于創建自定義動畫。

示例：

$("div").animate({left:'250px'});

animate() - 操作多個屬性

生成動畫的過程中可同時使用多個屬性

示例：

 $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });

animate() - 使用相對值

也可以定義相對值（該值相對于元素的當前值）。需要在值的前面加上 += 或 -=：

使用示例：

  $("div").animate({
    left:'250px',
    height:'+=150px',
    width:'+=150px'
  });

animate() - 使用預定義的值

您甚至可以把屬性的動畫值設置為 "show"、"hide" 或 "toggle"

示例：

  $("div").animate({
    height:'toggle'
  });

animate() - 使用隊列功能

示例：

  var div=$("div");
  div.animate({height:'300px',opacity:'0.4'},"slow");
  div.animate({width:'300px',opacity:'0.8'},"slow");
  div.animate({height:'100px',opacity:'0.4'},"slow");
  div.animate({width:'100px',opacity:'0.8'},"slow");

停止動畫

stop(stopAll,goToEnd)

stop() 方法用于停止動畫或效果，在它們完成之前。

• stopAll 參數規定是否應該清除動畫隊列。默認是 false，即僅停止活動的動畫，允許任何排入隊列的動畫向后執行。
• goToEnd 參數規定是否立即完成當前動畫。默認是 false。