HTML背景淡化顏色一次

-3

我需要突出顯示帶有文本值的div，以便在單元格中的值發生更改時顯示用戶。我需要背景將顏色從紅色變爲白色。我需要它爲頁面加載時改變的值做一次，然後保持白色。完成這個最簡單的方法是什麼？HTML背景淡化顏色一次

2017-02-15 Tomas Beblar

據我瞭解，你有一個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);}

希望它能幫到你

來源

2017-02-15 20:48:45

我需要這是從代碼的條件落後。我也需要它從一種顏色褪色成白色。基本上，我需要提醒用戶單元格中的值已更改。此外，我有多個div「單元格」，除非發生變化，否則需要變成白色。所有更改都在代碼後面處理，因此只有已更改的元素（我可以跟蹤）需要閃爍。 –

一種方法可以做到這一點

$('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" />

來源

2017-02-15 20:59:37

頁面回發不是由按鈕單擊造成的。它可以是進行回發的各種控制。沒有一個控制會觸發這個。 –

HTML背景淡化顏色一次

回答

相關問題