2011-06-10 60 views
0

注意,我無法進入html來添加一個id。另外,請注意,我已經找到了jQuery斑馬條教程,但無法適應這種情況。可以jquery交替顏色的文本,

我有一個這樣的鏈接(我改變了域名)。

<li class="tab tab-home current"><a href="http://yourmamaisyourmama.com">[email protected]</a></li> 

注意的網址永遠是一樣的,因爲它是網頁上的鏈家。

爲了使電子郵件地址更易於閱讀,我希望在紅色和藍色之間使用替代顏色,並使用submitpics @黑色,全部在白色背景上。

[email protected] = black 
Your=blue 
Mama=Red 
Is=blue 
Your=blue 

我知道jQuery的可以做行斑馬條紋,但這是不同的,我haven`t能弄明白。

這些都是目前確定CSS

.menu .current-menu-item a:hover { 
    color: red; 
    background: #fff 

} 

誰能給我一些指導的默認樣式?

回答

2

EDIT 2

所以你不能編輯HTML。好。這樣做:

$(function(){ 
    $('.tab.tab-home.current a').html('[email protected] 
    <span class="class1">your</span><span class="class2">mama</span>... etc'); 
}); 

然後更新您的CSS相應。基本上你只是用你想要的任何東西來替換內容。

編輯

所以,它聽起來就像你要預先知道的URL。那很棒。如果你想要地址改變顏色,你不需要jQuery。就在span S環繞的一切:

<a href="whatever.com">[email protected] 
    <span class="class1">your</span><span class="class2">mama</span>... etc 

真的沒有辦法做到這一點,除非你知道的URL將是時間提前或您的網址帕斯卡 - 套管(或者你有一個引擎可以閱讀和理解英語)。需要有一些可以拆分的內容,而通用電子郵件地址不包含該內容,但TLD之前的@.除外。你可以做的最好的做法是在@符號之前使字符串變成一種顏色,使域名變成另一種顏色,而頂級域名又變成另一種顏色,而不知道URL會提前多久。這就是說,如果你知道URL會提前或者你有一個特定的字符串,你可以做各種各樣的花哨的事情。但聽起來你不會,所以,是的。

對不起brah

+0

url始終是相同的。它是網頁上的主頁鏈接。 – mjmitche 2011-06-10 00:13:10

+0

但是,正如我在OP中所說的,我不能編輯html來包裝它跨度:) – mjmitche 2011-06-10 00:23:21

+0

Jason並不建議您直接編輯HTML,他建議您使用jQuery替換HTML,然後編輯jQuery/JavaScript正在取代它。 – djlumley 2011-06-10 00:34:57