javascript 如何实现多行 链接 颜色变换

不需要JS，CSS形式设置
visited:block;

解决方案 »

  1.   

    应该还是要js的吧，用css的话，下次打开时，那几个就是黑的了。而且还不能保证每行只有一个黑的。
    很久不写代码了，给个思路吧，你可以把这三行分别用<div>定义个 id，然后枚举点击的<div>里所有的<a>，把点击的这个变黑，其他的设置为空。
      

  2.   


    <script>
    var arr = new Array();
    function doit(n, obj){
    if(arr[n]) arr[n].style.color="blue";
    obj.style.color="black";
    arr[n] = obj;
    }
    </script>
    1.
    <a onclick="doit(0,this)" style="color:blue;text-decoration:underline;">111</a>
    <a onclick="doit(0,this)" style="color:blue;text-decoration:underline;" >111</a>
    <a onclick="doit(0,this)" style="color:blue;text-decoration:underline;" >111</a>
    <br>
    2.
    <a onclick="doit(1,this)" style="color:blue;text-decoration:underline;">111</a>
    <a onclick="doit(1,this)" style="color:blue;text-decoration:underline;">111</a>
    <a onclick="doit(1,this)" style="color:blue;text-decoration:underline;">111</a>
    <br>
    3.
    <a onclick="doit(2,this)" style="color:blue;text-decoration:underline;">111</a>
    <a onclick="doit(2,this)" style="color:blue;text-decoration:underline;">111</a>
    <a onclick="doit(2,this)" style="color:blue;text-decoration:underline;">111</a>
      

  3.   

    满有意思的功能
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js中的变量</title>
    <style type="text/css">
    a{
      color:#FF0000;
    }
    </style>
    <script  type="text/javascript">
    window.onload=function(){
    var oLinks=document.links;
    for(var i in oLinks){
    oLinks[i].onclick=function(e){
    var evt=e||event;
    var srcEl=evt.target||evt.srcElement;
    var oParNode=srcEl.parentNode;
    var oSubLinks=oParNode.getElementsByTagName("a"); for(var j=0,nLen=oSubLinks.length;j<nLen;j++){
    oSubLinks[j].style.color="red"
    }
    srcEl.style.color="black";
    }
    }
    }
    </script>
    </head>
    <body>
    <div>1.<a href="#">aaa</a>  <a href="#">bbb</a>  <a href="#">ccc</a></div>
    <div>2.<a href="#">111</a>  <a href="#">222</a>  <a href="#">333</a></div>
    <div>3 <a href="#">AAA</a>  <a href="#">BBB</a>  <a href="#">CCC</a></div></body>
    </html>
      

  4.   

    把<a href="#">设置成  <a href="1.html？aa＝aa"> 怎么就失效了
      

  5.   

    我也不大清楚，只是泛泛的听说过。.net的事件机制有的说就是用的那种模式