jQuery起点教程之Animate(5)

jQuery起点教程之Animate是个好东西，一个非常好的效果你可以用jquery自带的函数，比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。
一些动态的效果可以使用 show() 和 hide()来表现:

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

你可以与 animate()联合起来创建一些效果,如一个带渐显的滑动效果:

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

很多不错的效果可以访问interface plugin collection. 这个站点提供了很多demos和文档

这些效果插件是位于jQuery插件列表的前面的，当然也有很多其他的插件，比如我们下一章讲到的表格排序插件。

本章的相关链接:

• jQuery FX Module
• Interface plugin