css 问题

页面中三个链接  分别为A B C   页面载入时B为粗体A C为正常   当点击A时A变为粗体 而B变为正常。         谢谢了

解决方案 »

  1.   

    a 的样式表自己写，俺只负责实现加粗效果，L@_@K <body>
    <div id="divUrls">
        <a href="#">url a</a>
        <a href="#">url b</a>
        <a href="#">url c</a>    
    </div>
    <script type="text/javascript">
    <!--
    var oDiv = document.getElementById("divUrls");
    var colLink = document.getElementsByTagName("a");
    for (var i=0; i<colLink.length; i++)
    {
        colLink[i].onclick = function() {
            for (var j=0; j<colLink.length; j++)
            {
                colLink[j].style.fontWeight = "normal";
            }
            this.style.fontWeight = "bold";
        };
    }
    alert(colLink.length);
    //-->
    </script>
     </body>
      

  2.   

    <a href="#" style="font-weight:900;">url b</a>
      

  3.   

    <html>
     <head>
     </head>
     <style>
     a
     {
    font-size:12px;
    text-decoration:none;
    color:#FF0000;
    }
     a:hover
     {
    font-size:12px;
    color:#00FF00;
    }
    .bold
    {
    font-weight:bold;
    }
     </style>
    </body>
    <a href="#" onclick="setBold(this)">aaa</a>
    <a href="#" class="bold" onclick="setBold(this)">bbb</a>
    <a href="#" onclick="setBold(this)">ccc</a>
    </body>
    </html>
    <script>
    function setBold(pid)
    {
    pid.className = "bold";
    var aTags = document.getElementsByTagName("a");
    for(var i = 0; i < aTags.length; i++)
    {
    if(aTags[i] != pid)
    {
    aTags[i].className = "";
    }
    }
    }
    </script>