famosas css

[Avelar]

Suponiendo que tienes una tabla:

Código:

<TABLE onMouseover = "CambiarColorCelda('#336699')" onMouseout = "RestaurarColorCelda()" onClick = "DirigirA()">
  <TR>
    <TD Class = "CeldaDinamica" url = "http://www.yaquitroopers.net/Ariel/" Style = "Padding-Left: '1px'; Text-Align: 'Left'; Font-Size: '12pt'; Cursor: 'Hand';" tag = "Ariel">
      Texto
    </TD>
  </TR>
</TABLE>

Aquí están los scripts (JavaScript) de las funciones que se mandan llamar:

Código:

function CambiarColorCelda(NuevoColor){
  if (event.srcElement.className=="CeldaDinamica"){
    event.srcElement.style.backgroundColor=NuevoColor
    window.status=event.srcElement.tag
  }
}
  
function RestaurarColorCelda(){
  if (event.srcElement.className=="CeldaDinamica"){
    event.srcElement.style.backgroundColor=""
    window.status=window.defaulStatus;
  }
}
  
function DirigirA(){
  if (event.srcElement.className=="CeldaDinamica")
    window.location=event.srcElement.url
}

Algo así es lo que uso en mi página web para el menú que muestro a la izquierda.

Saludos.