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>