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.