jQuery effect() 和 animate() 方法同时使用

Posted 2023-03-10

【中文标题】jQuery effect() 和 animate() 方法同时使用

【英文标题】：jQuery effect() and animate() methods at the same time

【发布时间】：2013-08-29 15:13:47

【问题描述】：

我需要同时摇动 div 并为其背景颜色设置动画。

这是 JSFiddle 示例：http://jsfiddle.net/EUz4z/

$("#test").effect("shake", , 500 ).css("background-color","red").animate(backgroundColor: old_bg, 500 );
)

【参考方案1】：

您可以使用queue: false 选项：

http://jsfiddle.net/ysFcD/

$(document).ready(function()
    $("#but").click(function()
        old_bg=$("#test").css("background-color");
        $("#test").effect("shake",   , 500 )
            .css("background-color","red")
            .animate(backgroundColor: old_bg, duration: 500, queue: false  );
    )
);