导航菜单改变样式js代码

<script>   
  var   glocal=null;   
  function   changeColor(obj)   
  {   
    if(!glocal)   
    {   
      glocal   =   obj;   
      obj.className   ='changecolor';   
    }   
    else   
    {   
      if(glocal!=obj)   
      {   
        obj.className='changecolor';   
        glocal.className   =   '';   
        glocal   =   obj;   
      }   
    }     
  }   
  </script>   
  <style>   
  td   
  {   
    border:   1px   solid   black;   
    cursor:hand;   
  }   
  .changecolor   
  {   
      border:   1px   solid   red;   
      cursor:hand;   
  }   
  </style>   
  <BODY>   
  <table>   
  <tr>   
  <td   onclick="changeColor(this)">xxx</td>   
  <td   onclick="changeColor(this)">yyy</td>   
  <td   onclick="changeColor(this)">zzz</td>   
  </tr>   
  </table>

posted on 2008-12-19 11:38  MerrySoft  阅读(328)  评论(0)    收藏  举报

导航