怎么实现CSDN上面的效果?急啊

用javascript
点击更改css样式

解决方案 »

  1.   

    测试通过:<html>
    <head>
    <title>高亮显示</title>
    </head>
    <style type="text/css">
    a {
    font-size:12px;
    color: #000000;
    text-decoration: none;
    }
    .style1{
    background-color: #003366;
    color: #FFFFFF;
    }
    </style>
    <script language="javascript">
    function setColorA(o)
    {
    var obj = document.getElementsByName("a");
    for(var i = 0;i < obj.length;i++) obj[i].className = "";
    o.className = "style1";
    }
    </script>
    <body> 
    <a name="a" href="#" onclick="setColorA(this)">ASP</a><br>
    <a name="a" href="#" onclick="setColorA(this)">PHP</a><br>
    <a name="a" href="#" onclick="setColorA(this)">JSP</a><br>
    </body> 
    </html> 
      

  2.   

    这个太简单了。<script language="javascript">
    function setColorA(obj)
    {
        obj.style.background="#003366";
    }
    </script>
    <body> 
    <a name="a" href="1.asp" onclick="setColorA(this)">ASP</a><br>
    <a name="a" href="2.asp" onclick="setColorA(this)">PHP</a><br>
    <a name="a" href="3.asp" onclick="setColorA(this)">JSP</a><br>
    </body> 
    </html>