jQuery脉动效果

Question

希望有人能给我一些指导。我想在按钮点击后将“脉冲”效果添加到一个div中。

我写的脚本是可以工作的，但我最好是希望它能在背景颜色之间交替，而不是完全淡化div。

我是否使用了错误的效果？或者说有没有一种将脉冲和高亮组合的方法呢？

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

谢谢

- V Neal

---

我建议您查看这个问题：https://dev59.com/B3VC5IYBdhLWcg3ww0Lr - Jon Taylor

Answer 1

你可以使用.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 );
    }
});

- Zoltan Toth

---

我最好想使用CSS3渐变来实现背景颜色，那么最好的方法是什么？将backgroundColor更改为带有所有颜色规则的CSS，还是通过切换类来更加简洁？ - V Neal

我不确定你是否可以对渐变进行动画处理 - https://dev59.com/22865IYBdhLWcg3wfemU 和 https://dev59.com/z2035IYBdhLWcg3wC7if - Zoltan Toth