Jquery 闪存容器';s背景橙色(就像您直接导航到答案时一样)
我希望Jquery 闪存容器';s背景橙色(就像您直接导航到答案时一样),jquery,jquery-ui,animation,Jquery,Jquery Ui,Animation,我希望#container的背景为橙色,然后恢复为正常颜色 有没有比以下更好的方法来实现这一点: var old_bg_color = $('#container').css('background-color'); $('#container').css('background-color', 'orange') .animate({backgroundColor: old_bg_color}, 3000); 检查页面源代码它是如何工作的。回答时,答案ID将显示为URL的最后一个path
#container
的背景为橙色,然后恢复为正常颜色
有没有比以下更好的方法来实现这一点:
var old_bg_color = $('#container').css('background-color');
$('#container').css('background-color', 'orange')
.animate({backgroundColor: old_bg_color}, 3000);
检查页面源代码它是如何工作的。回答时,答案ID将显示为URL的最后一个pathinfo部分,例如,这似乎不是一个好方法,因为
finalColor
几乎肯定会复制样式表中已经存在的信息,然后将其放入样式表中,并添加一到两行额外的内容来获取它。
<div id="answer-2339009" class="answer" style="background-color:#F4A83D;">
var finalColor = '#FFF';
$('#answer-2339009').animate({ backgroundColor:finalColor }, 2000,
'linear', function() {
// shove the hex color into an element to easily compare rbg() numbers
var test = $('<span></span>').css('background-color', finalColor);
if ($(this).css('background-color') != test.css('background-color')) {
$(this).css('background-color', finalColor);
}
}
);