JQ 动画

// 自定义动画
$('#all1').delay(200).animate({  // delay:延时0.2秒
                left: "0px"         // 改变css
            }, 200, function () {  // 0.2秒后执行函数
                $("#jiantou1").show(function () {
                    $('#all2').delay(200).animate({
                        left: "0px"
                    }, 200, function () {
                        $("#jiantou2").show(function () {
                            $('#all3').delay(200).animate({
                                left: "0px"
                            }, 200);
                        });
                    });
                });
            });
// 上滑消失,下滑出现
$('#book').slideUp('slow', function() {
 // Animation complete.
 });
$('#book').slideUp('slow', function() {
 // Animation complete.
 });
$('#book').slideToggle('slow', function() {
 // Animation complete.
 });
// 渐变出现消失
$('#book').fadeIn('slow', function() {
 // Animation complete
 });
$('#book').fadeOut('slow', function() {
    // Animation complete.
  });
$(this).fadeTo("slow", 0.33); // 0.33透明度
});

推荐阅读更多精彩内容