jQuery插件(或类似),用与Google徽标相同的颜色为Google文本着色

时间:2013-03-01 12:02:17

标签: jquery css jquery-plugins target

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

所以,例如,如果我有以下标记:

<span>Google AdWords</span>

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

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

1 个答案:

答案 0 :(得分:3)

试试这个:

<强>的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/