-2

「Google」という単語の各文字の色をGoogleロゴの色と一致するように変更するjQueryプラグインなどを探しています。

したがって、たとえば、次のマークアップがある場合：

<span>Google AdWords</span>

Google各文字をGoogleロゴと同じ色、青、赤、黄、青、黄、赤に変更したいのですが。

これは非常に小さな問題であることは知っていますが、文字列「Google」をターゲットにできるバージョンのjQuery Highlightがそこにあると思いましたが、それはこの仕事をしますが、どこにも見つかりません。

4

1 に答える 1

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/

于 2013-03-01T12:14:15.377 に答える