超链接点击颜色变化

想要实现的一个效果.窗口左边有一个列表,上面有些用<A HREF="***.ACTION">一<A> 实现的ACTION现在想某个链接点完后变色...其它是还是原来的色.但再点击其它链接时,这个已点击的要变回原来的颜色.就是只能有一个处于变色状态.求助......

解决方案 »

  1.   


    <div id="test">
      <a href="#">baidu</a><br />
      <a href="#">google</a><br />
      <a href="#">yahoo</a><br />
      <a href="#">qq</a><br />
      <a href="#">soho</a><br />
      <a href="#">baidu</a><br />
    </div>jqery:$("#test a").click(function(){
       $(this).addClass("background").siblings().removeClass("background");
    });style:.background{
    background:#F00;
    }
      

  2.   

    js版:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <style type="text/css">
            a { color:Blue;}
            .sel{ background-color:#ff9999}
            .nsel{ background-color:Transparent;}
        </style>
        
    <script type="text/javascript">    window.onload = function()
        {
            var as = document.getElementsByTagName("a")        for (var i = 0; i < as.length; i++)
            {
                as[i].onclick = function()
                {
                    for (var i = 0; i < as.length; i++)
                    {
                        as[i].className = "nsel";
                    }
                    this.className = "sel";
                }
            }
        }
        
    </script>
    </head>
    <body >
    <ul id="l" style="list-style-type:none;">
        <li><a href="#">aaa</a></li>
        <li><a href="#">bbb</a></li>
        <li><a href="#">ccc</a></li>
        <li><a href="#">ddd</a></li>
        <li><a href="#">eee</a></li>
    </ul></body>
    </html>
      

  3.   

    引入 jquery.js<a href="#">baidu</a><br />
    <a href="#">google</a><br />
    <a href="#">yahoo</a><br />
    <a href="#">qq</a><br />
    <a href="#">soho</a><br />
    <a href="#">baidu</a><br />$('a').click(function(){
        $(this).css('background','#f00').siblings().css('background','');
    })