动画色调盒

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