jQuery起点教程之Animate(5)

最新推荐文章于 2024-07-01 19:52:07 发布

lzhdim

最新推荐文章于 2024-07-01 19:52:07 发布

阅读量121

点赞数

本文链接：https://blog.csdn.net/lzhdim/article/details/83315344

版权

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');
         });
 });