jquery - 动画色调框

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