Hola
Tengo un Menu con imagenes el cual manejo que cuando esta onmouseover -> "Imagen A" y cuando tiene onmouseout -> "Imagen B".
Mi problema es que cuando se de clic en una opcion, esta, se quede con la "Imagen A", y al dar clic en otra opcion vuelva a su estado natural y la nueva imagen tenga el mismo efecto.
Busque aqui en los foros y encontre esta solucion que fue dada por Cap.Buscapina
Código:
<html>
<head>
<title></title>
<script>
var Click="";
function clk(cc){
Click.className="fondo";
Click=cc;
}
function over(c){
c.className="fondo_over";
}
function out(C){
C.className="fondo";
Click.className="fondo_over";
}
</script>
<style type="text/css">
<!--
.fondo {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666666;
background-color: #FFFFCC;
background-image: url(fondo.gif);
}
.fondo_over {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #eeeeee;
background-color: #FF9900;
background-image: url(fondo_over.gif);
}
-->
</style>
</head>
<body >
<table width="100" border="1" align="center">
<tr>
<td width="100" height="40" class="fondo" onclick="clk(this)" onmouseover="over(this)" onmouseout="out(this)"> </td>
</tr>
<tr>
<td width="100" height="40" class="fondo" onclick="clk(this)" onmouseover="over(this)" onmouseout="out(this)"> </td>
</tr>
<tr>
<td width="100" height="40" class="fondo" onclick="clk(this)" onmouseover="over(this)" onmouseout="out(this)"> </td>
</tr>
</table>
</body>
</html>
Lo bueno es q funciona como deseo..lo malo es q cuando intento aplicarlo con 7 imagenes de menu..no se como hacerlo, hize varias pruebas pero no me quedan.
De antemano les agradezco