2011-06-10 63 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