动画色调盒

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(); 
});