jQuery起點教程之Animate(5)

jQuery起點教程之Animate是個好東西，一個非常好的效果你可以用jquery自帶的函數，比如show(),hide(),Animate()等函數。更确切的說這些函數才是jquery吸引人的地方。

一些動态的效果可以使用

show() 和 hide()來表現:

<code>$(document).ready(function() {         $("a").toggle(function() {                 $(".stuff").hide('slow');         }, function() {                 $(".stuff").show('fast');         }); });</code>

你可以與 animate()聯合起來建立一些效果,如一個帶漸顯的滑動效果:

<code>$(document).ready(function() {         $("a").toggle(function() {                 $(".stuff").animate({                         height: 'hide',                         opacity: 'hide'                 }, 'slow');         }, function() {                 $(".stuff").animate({                         height: 'show',                         opacity: 'show'                 }, 'slow');         }); });</code>

很多不錯的效果可以通路interface plugin collection.

這個站點提供了很多demos和文檔

這些效果插件是位于jQuery插件清單的前面的，當然也有很多其他的插件，比如我們下一章講到的表格排序插件。

本章的相關連結:

<a href="http://jquery.com/docs/FxModule/" target="_blank">jQuery FX Module</a>

<a href="http://interface.eyecon.ro/" target="_blank">Interface plugin</a>