jQuery动画效果

在jQuery中，有许多内置的动画效果可以使用。以下是一些常见的动画效果的示例代码：

1. 淡入淡出效果：

// 淡入
$("#div1").fadeIn();
 
// 淡出
$("#div1").fadeOut();

2. 滑入滑出效果：

// 滑下
$("#div1").slideDown();
 
// 滑上
$("#div1").slideUp();

3. 动画效果：

// 自定义动画
$("#div1").animate({
    left: '250px',
    opacity: '0.5',
    height: '+=150px',
    width: '150px'
}, 500);

4. 显示和隐藏效果：

// 显示
$("#div1").show();
 
// 隐藏
$("#div1").hide();

5. 淡化到指定的透明度：

// 淡化到50%的透明度
$("#div1").fadeTo(500, 0.5);

6. 自定义队列动画：

// 在队列中执行动画
$("#div1").queue(function () {
    $(this).slideDown();
    $(this).queue(function () {
        $(this).fadeOut();
    });
});

7. 停止当前动画：

// 停止动画
$("#div1").stop();

8. 在动画完成后执行函数：

// 动画完成后执行函数
$("#div1").fadeIn(500, function () {
    alert("动画完成！");
});

这些是jQuery中常见的动画效果，可以根据需要选择使用。