HTML背景褪色一次答案

【问题标题】：HTML background fade color onceHTML背景褪色一次
【发布时间】：2017-02-16 06:23:19
【问题描述】：

我需要用文本值突出显示一个 div，以便在单元格中的值发生更改时向用户显示。我需要背景将颜色从红色变为白色。我需要它为页面加载时发生更改然后保持白色的值执行一次。最简单的方法是什么？

【问题讨论】：

【解决方案1】：

一种方法

$('input[type=button]').click( function() {
 $('#newContent').addClass('backgroundAnimated');
});

@-webkit-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #AD301B; }
  100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #AD301B; }
  100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #AD301B; }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: #AD301B; }
  100% { background-color: #FFFFFF; }
}

.backgroundAnimated{    
    background-image:none !important;
    -webkit-animation: fadeIt 5s ease-in-out; 
       -moz-animation: fadeIt 5s ease-in-out; 
         -o-animation: fadeIt 5s ease-in-out; 
            animation: fadeIt 5s ease-in-out; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>old value
<div id="newContent">New value</div>

<input type="button" value="test" />

【讨论】：

页面回发不是按钮点击引起的。它可以是执行回发的各种控件。没有单个控件会触发此操作。

【解决方案2】：

据我了解，您有一个div，其颜色应在页面完全加载后更改。

所以首先要做的是，您可以将初始颜色设置为div，这样当您的页面加载时，它将具有red 颜色

接下来使用JQuery代码

//This will change color of your div when everything has been totally loaded (text,images, etc.)

window.onload = function(){ $('YOUR DIV').css('color',white);}

希望对你有帮助

【讨论】：

我需要从后面的代码中获得条件。我还需要它从一种颜色变为白色。基本上，我需要提醒用户单元格中的值已更改。另外，我有多个 div“单元格”，除非更改，否则它们需要是白色的。所有更改都在代码隐藏期间处理，因此只有已更改（我可以跟踪）的元素需要闪烁。