jQuery插件（或类似），用与Google徽标相同的颜色为Google文本着色

Question

我正在寻找一个jQuery插件或类似的东西，它会改变单词“Google”的每个字母的颜色，以匹配Google徽标的颜色。

所以，例如，如果我有以下标记：

<span>Google AdWords</span>

我想更改单词Google，让每个字母的颜色与Google徽标的颜色相同，蓝色，红色，黄色，蓝色，黄色，红色。

我知道这是一个相当小的问题，但我原本认为会有一个版本的jQuery Highlight在那里我可以定位字符串“Google”，这将完成这项工作，但我找不到它任何地方。

Answer 1

试试这个：

<强>的CSS

.blue{color:blue;}
.red{color:red;}
.yellow{color:yellow;}
.green{color:green;}
span{font-size:30px;}

<强>脚本

var txt=$('span').text();
txt=txt.replace('Google','<span class="blue">G</span><span class="red">o</span><span class="yellow">o</span><span class="blue">g</span><span class="green">l</span><span class="red">e</span>');

 $('span').html(txt);

小提琴http://jsfiddle.net/3DRaT/