jQuery入门-使用FX

发布时间:2020-03-30编辑:脚本学堂
jQuery入门指南教程-使用FX.一些动态的效果可以使用 show()和 hide()来表现,可以与 animate()联合起来创建一些效果,如一个带渐显的滑动效果...

一些动态的效果可以使用 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插件列表的前面的,当然也有很多其他的插件,比如我们下一章讲到的表格排序插件。
相关链接: