jQuery 動畫與特效

在jquery中使用 hide() 和 show() 方法來隱藏和顯示 html 元素：

hide()的語法形式：$(selector).hide(speed,callback);

show()的語法形式：$(selector).show(speed,callback);

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

$(function());
$("#show").click(function());
})$(function())

在jquery中，可以實現元素的淡入淡出效果。jquery提供了四種fade方法：fadein()淡入已隱藏的元素、fadeout()用於淡出可見的元素、fadetoggle()用於在fadein()和fadeout()方法之間進行切換、fadeto()允許漸變給定的不透明度（值介於0與1之間）

fadein()語法：$(selector).fadein(speed,callback);

fadeout()語法：$(selector).fadeout(speed,callback);

fadetoggle()的語法：$(selector).fadetoggle(speed,callback);

fadeto()的語法：$(selector).fadeto(speed,opacity,callback);

$(function());
})$(function());
})$(function());
})$(function());
})

在jquery中，可以在元素上建立滑動效果。jquery提供了三種fade方法 slidedown()向下滑動元素、slideup()用於向上滑動元素、slidetoggle()可以在 slidedown() 與 slideup() 方法之間進行切換。

slidedown()語法：$(selector).slidedown(speed,callback);

slideup()語法：$(selector).slideup(speed,callback);

slidetoggle()的語法：$(selector).slidetoggle(speed,callback);

引數speed規定效果的時長，可以取值："slow"、"fast"或毫秒。callback引數是滑動完成後所執行的函式名稱。

$(function());
})$(function());
})$(function());
})

在jquery中，提供了animate()方法建立自定義的動畫

語法：$(selector).animate(,speed,callback);

params為必需的引數定義形成動畫的css屬性。speed和callback是可選引數，前者規定效果的時長，取值為："slow"、"fast"和毫秒；後者是動畫完成後執行的函式名稱。

$(function(),"slow",function(),"slow")
});})
})

在jquery中，提供了stop()方法用於停止動畫或效果，在它們完成之前。stop()方法適用於所有的jquery效果函式，包括滑動淡入淡出和自定義動畫。

語法：$(selector).stop(stopall,gotoend);

stopall和gotoend 引數都是可選的。前者規定是否應該清除動畫佇列，預設是false，即僅停止活動的動畫，允許任何排入佇列的動畫向後執行；後者規定是否立即完成當前動畫，預設是false。

所以預設地stop()會清除在被選元素上指定的當前動畫

$(function());
$("#stop").click(function());
})