2013-03-01 17 views
-2

我正在尋找一個jQuery插件或類似的東西,它會改變單詞「Google」的每個字母的顏色以匹配Google徽標。jQuery插件(或類似的)使Google文字顏色與Google徽標顏色相同

因此,舉例來說,如果我有以下標記:

<span>Google AdWords</span> 

我想換個詞Google有在相同顏色的谷歌標誌,藍色,紅色,黃色的每個字母,藍色,黃色,紅色。

我知道這是一個相當小的問題,但我本以爲會有一個jQuery高亮版本,在那裏我可以定位字符串「Google」,這將做這項工作,但我找不到它隨處可見。

+1

-1我不認爲這是一個插件這一點。 請問一個具體的問題,不要讓stackoverflow用戶搜索你想要的東西。 – Imperative 2013-03-01 12:09:52

+0

你甚至可以查看頁面的源代碼或右鍵單擊該單詞嗎?這只是一個圖形,而不是書面文字。 – 2013-03-01 12:10:46

+0

也許這會給你的想法[http://stackoverflow.com/questions/12555995/jquery-each-letter-in-div-element-random-colour-from-array-on-hover](http://stackoverflow .com/questions/12555995/jquery-each-letter-in-div-element-random-color-from-array-on-hover) – Morpheus 2013-03-01 12:11:26

回答

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/