闪烁的 jQuery .animation()

Question

我目前正在使用jquery-animate-colors 为边框的闪烁设置动画，但我认为我的代码可以进行一些清理。处理以下问题的更好方法是什么？

highlightRow = function(row, count) {             
if (count == null) {                            
    count = 0;                                    
}                                               
$(row).animate({                                
    "border-color": "#3737A2"                     
}, {                                            
    duration: 250,                                
    complete: function() {                        
    return $(row).animate({                     
        "border-color": "#FFFFFF"                 
    }, {                                        
        duration: 250,                            
        complete: function() {                    
            if (count === 0) {                      
                return highlightRow(row, count += 1); 
            }                                       
        }                                         
    });                                         
    }                                             
});                                             
};                                                

所以我试图让这个只是闪烁两次边框颜色。我发现尝试为border-color 制作动画时，除了十六进制代码之外，您不能使用任何东西。 transparent 和 none 都没有任何动画。

无论如何，寻找一些帮助来清理这个！提前谢谢:)

Answer 1

有一个名为 'pulsate' 的 jQuery UI 效果 - http://jqueryui.com/demos/effect/ - 值得一看吗？

或者，如果您正在寻找自定义解决方案，请尝试以下方法。您可以链接动画效果，它们都会被附加到动画队列中；

higlightRow = function(row) {
  $(row).stop().animate({borderColor: "#3737A2"}, 250)
    .animate({borderColor: "#FFFFFF"}, 250)
    .animate({borderColor: "#3737A2"}, 250)
    .animate({borderColor: "#FFFFFF"}, 250);
}

应将边框颜色从#3737A2 更改为#FFFFFF，更改为#3737A2，更改为#FFFFFF，然后完成。