2012-07-09 67 views
7

希望有人能给我一些指点。我试图在单击按钮后在div上添加'pulsate'效果。jQuery脉动效果

我写的下面的脚本很好,并且可以正常工作 - 但我最好喜欢它在背景颜色之间切换,而不是完全淡出div。

我使用了错误的效果吗?或者,有没有一种结合脉冲和突出显示的方法?

$(document).ready(function() { 
    $("li#emailSellerLink a").click(function(){ 
     $("#contactColumn").effect("pulsate", {times:3}, 5000); 
    }); 
}); 

感谢

+0

ID建议通过这个问题http://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor – 2012-07-09 15:37:53

回答

15

可以使用.animate()功能 - http://jsfiddle.net/Fe8Jy/

$("a").click(function(e) { 
    e.preventDefault(); 
    for (var i = 0; i < 3; i++) { 
     $("#contactColumn") 
      .animate({ backgroundColor: "#f00" }, 2000) 
      .animate({ backgroundColor: "transparent" }, 2000); 
    } 
}); 
+0

寻找我最好喜欢使用背景颜色的CSS3渐变,那么最好的方法是做什么?使用我所有的颜色规则将backgroundColor更改为CSS,或者更适合通过切换类进行操作吗? – 2012-07-09 16:44:57

+0

我不确定你可以设置动画渐变效果 - http://stackoverflow.com/q/3790273/1499781和http://stackoverflow.com/q/5654510/1499781 – 2012-07-09 17:53:46