点击链接后，改变链接中文本的颜色

比如aa，bb，cc都是链接，而且aa，bb，cc都是动态的生成的现在想实现，如果aa在线，bb，cc不在线，那么aa的颜色与bb，bb的颜色有区别并且我在点击aa后，aa的颜色改变..自己尝试了很长时间，请问该如何实现呢

解决方案 »

  1.   

    实现就可以，不过该怎么实现呢 ？比如就这个：strName = "<a href=javascript:void(window.open('Client_index.aspx')>aa</a>"
      

  2.   

    css
    link
    hover
    visited
      

  3.   

    a{display:block;text-align:center;height:30px;}
     a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}
     a:visited{color:#666;text-decoration:underline;}
     a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;} 
      

  4.   

    唉，不懂css
    就用js吧,下面是修改背景色
    <a onclick="this.style.backgroundColor='red';">alladka</a>下面是修改文字色
    <a onclick="this.style.color='red';">alladka</a>
      

  5.   

    a:link {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:visited {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:hover {
    text-decoration: none;
    color: #FCF900;
    }
    a:active {
    text-decoration: none;
    color: #FFFFFF;
    }
      

  6.   

    CSS中用四个伪类来定义链接的样式，分别是：a:link、a:visited、a:hover和a : active，例如：a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
    a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
    a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
    a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;} 以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。
      

  7.   

    被选中的链接的颜色和其他的有区别，怎么做比如  我先后把aa，bb，cc都点过了，点击之后都为红色，那么就没办法区分我现在正点击的是哪个如何实时的将选中的与其他的区别呢？
      

  8.   

    给aa，bb，cc都分配不同的div的id
    然后根据id写css，8楼的已经示范的很清楚了啊
      

  9.   

    伪类（pseudo-class）可以在为HTML元素定义CSS属性的时候将条件和事件考虑在内。link：用于浏览者从未访问过的链接。
    visited：用于浏览者已访问过的链接。
    active：用于活动的链接（即获得当前焦点的链接）。
    hover：用于有鼠标悬停的链接。
    a:hover { text-transform: uppercase;
                font-weight:bold;
                color:blue;
                background-color:yellow;}
      

  10.   

    可是我把8楼的放在样式表里面，然后引用这个样式表，为什么显示不出 定义的结果呢 ？还有，我用了ajax，在刚开始启动页面的时候，所有的链接都还没点过，可是都已经显示成点击后的颜色了，这是为什么呢 ？
      

  11.   

    给个JS的例子你看看，你将代码复制一下稍微修改一下就OK，先将代码保存为HTML文件测试一下吧<HTML>
    <HEAD>
    <TITLE>eval example 2</TITLE>
    </HEAD>
    <BODY>
    <style type="text/css">
    .ced {COLOR: #EE4C4C; text-decoration: none}
    </style>
    <script>
    var objchecked=null;
    function out(obj)
    {
    if(obj.checked=="checked") return false;
    obj.className = obj.oldClassName;
    }
    function clicked(obj)
    {
    if(objchecked!=null)
    {
    objchecked.className = objchecked.oldClassName;
    objchecked.checked="";
    }
    objchecked=obj;
    objchecked.oldClassName=obj.oldClassName;
    obj.className = "ced";
    obj.checked="checked";
    }
    </script>
    <table>
    <tr   onMouseOut="out(this)" onClick="clicked(this)" style="cursor:pointer"><td>jcol</td><td>jcol</td><td>jcol</td><td>jcol</td></tr>
    <tr   onMouseOut="out(this)" onClick="clicked(this)" style="cursor:pointer"><td>ocol</td><td>jcol</td><td>jcol</td><td>jcol</td></tr>
    <tr   onMouseOut="out(this)" onClick="clicked(this)" style="cursor:pointer"><td>jcol</td><td>jcol</td><td>jcol</td><td>jcol</td></tr>
    <tr   onMouseOut="out(this)" onClick="clicked(this)" style="cursor:pointer"><td>ocol</td><td>jcol</td><td>jcol</td><td>jcol</td></tr>
    <tr   onMouseOut="out(this)" onClick="clicked(this)" style="cursor:pointer"><td>jcol</td><td>jcol</td><td>jcol</td><td>jcol</td></tr>
    <tr   onMouseOut="out(this)" onClick="clicked(this)" style="cursor:pointer"><td>ocol</td><td>jcol</td><td>jcol</td><td>jcol</td></tr>
    </table>
    </BODY>
    </HTML>
      

  12.   

    [size=16px]可是我把8楼的放在样式表里面，然后引用这个样式表，为什么显示不出 定义的结果呢 ？ 还有，我用了ajax，在刚开始启动页面的时候，所有的链接都还没点过，可是都已经显示成点击后的颜色了，这是为什么呢 ？[/size]