jQuery入门-使用FX

一些动态的效果可以使用 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');

        });

});

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