闪烁jQuery .animation()
闪烁jQuery .animation()
提问于 2011-07-23 23:19:33
我目前正在使用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都不会对任何东西进行动画处理。
无论如何，寻找一些帮助来清理这一切！感谢前面的内容:)
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-07-23 23:36:56
有一种叫做“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，然后完成。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6801341
复制相关文章
相似问题
腾讯云开发者
