鼠标单击变色问题

<a href="?">用来加参数，是什么个意思？
有href的存在，就会页面跳转（即使还是指向当前页面），设置的背景是属于旧页面的。
如果一定要保存，给两个td加id，设为td1和td2，然后在某处声明一个变量v记录下你点击的目标(='td1'或='td2')，然后在页面最后，或是body的onload里写
<script>
document.getElementById(v).style.backgroundColor='red';
</script>
这样，页面一加载完，就根据上次点击目标设定背景色了，这个v值要放在随时能访问到的地方，例如:顶层框架，cookie，另一个有关联的窗口，html参数

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!-- saved from url=(0011)about:blank -->
    <HTML><HEAD>
    <META http-equiv=Content-Type content="text/html; charset=unicode">
    <META content="MSHTML 6.00.2800.1543" name=GENERATOR></HEAD>
    <BODY>
    <a href='?' target="_blank" onclick='this.style.color="green"' id=test>test<a></BODY></HTML>
      

  2.   

    <a href='?' target="_blank" onclick='this.style.color="green"' id=test>test<a>实际上就这么一句话
      

  3.   

    其实就是在onclick时没有return false;由 xxuu503(我爱郭芙蓉！)  的回复得到思路如下，改变颜色的代码我就不写了。<a href='?' onclick="调用改变颜色的函数/代码;return false;" ...
      

  4.   

    昨天还有人问同样的问题呢！试试下面的！
    <table width="17%"  border="0" cellspacing="0" cellpadding="0" id="tb1">
      <tr>
        <td><a href="?" onclick=show(this) >简介</a></td>
      </tr>
      <tr>
        <td><a href="?" onclick=show(this) >联系</a></td>
      </tr>
    </table><script language=javascript>
    PreviousObj=document.getElementsByTagName("tr")[0]

    function show(obj)
    {
    PreviousObj.style.backgroundColor="#ffffff";
    PreviousObj=obj;
    obj.style.backgroundColor="#ff0000";

    }</script>
      

  5.   

    <head>
    <script type="text/javascript">
       function changeColor( td1,td2 )
       {
     td1.style.backgroundColor="blue";
     td2.style.backgroundColor="white";
       }
       </script>
    </head>
    <table width="17%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td id=td1 onclick="changeColor( td1,td2 )"><a href="?">简介</a></td>
      </tr>
      <tr>
        <td id=td2 onclick="changeColor( td2,td1 )"><a href="?">联系</a></td>
      </tr>
    </table>
      

  6.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    </HEAD><BODY>
    <TABLE border="1" id="mainTable">
    <TR id="a" onClick="clickColor(0);">
    <TD>aaaa</TD>
    <TD>cccc</TD>
    <TD>ffff</TD>
    <TD>aaaa</TD>
    <TD>cccc</TD>
    <TD>ffff</TD>
    </TR>
    <TR id="a" onClick="clickColor(1)">
    <TD>44554</TD>
    <TD>6576</TD>
    <TD>8797</TD>
    <TD>44554</TD>
    <TD>6576</TD>
    <TD>8797</TD>
    </TR>
    <TR id="a" onClick="clickColor(2)">
    <TD>44554</TD>
    <TD>6576</TD>
    <TD>8797</TD>
    <TD>44554</TD>
    <TD>6576</TD>
    <TD>8797</TD>
    </TR>
    </TABLE></BODY>
    </HTML>
    <script language="javascript">
    function clickColor(x){
    for(i=0;i<a.length;i++){
    a[i].bgColor="";//默认背景色
    a[x].bgColor="#CCFF00";//点击后颜色
    }
    }
    </script>
      

  7.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <style>
    .aaa{color:blue;}
    .aaa:active{background-color:red;}
    </style>
    </HEAD><BODY>
    <table width="17%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><a href="#a" class=aaa >简介</a></td>
      </tr>
      <tr>
        <td><a href="#b" class=aaa >联系</a></td>
      </tr>
      <tr>
        <td><a href="#c" class=aaa >联系</a></td>
      </tr>
    </table></BODY>
    </HTML>