動畫色調盒

Question

我該怎麼做？當我點擊標題時，我得到了帶有文字的動畫色調。我無法發佈圖片，因爲我是新用戶。例如，當您點擊藝術品頁面時：www.alialmasri.com/home.html

Answer 1

從概念上講：使用setTimeout（）遞增適當的RGB值，以便您獲得你想要的色彩。您必須創建一個有效的RGB顏色字符串並將該對象的CSS顏色設置爲該值。

這是非常快速和骯髒，但它應該給你基本的想法...

工作的jsfiddle：http://jsfiddle.net/XmuWr/1/

HTML：

<span id="tint-me"><b>Tint Me!</b></span> 

JS：

var redColor = 0; 

function tint() { 
    redColor += 1; 
    var colorValue = "#" + redColor.toString(16) + "0000"; 
    $("#tint-me").css({color: colorValue}); 
    if (redColor < 255) { 
    setTimeout(tint, 5); 
    } 
} 

$("#tint-me").click(function() { 
    tint(); 
});