javascript – Flashing jQuery .animation()

我目前正在使用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); 
            }                                       
        }                                         
    });                                         
    }                                             
});                                             
};                                                

所以我试着让它只是两次打开和关闭边框颜色.我发现尝试动画边框颜色,除了十六进制代码之外你不能使用任何东西.透明,没有一个都没有动画任何东西.

无论如何,寻找一些帮助来清理这个！谢谢你:)

最佳答案

有一个名为’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);
}

应该将边框颜色从#3737A2更改为#FFFFFF,更改为#3737A2,然后更改为#FFFFFF.

原文地址：https://www.jb51.cc/css/427291.html