Pasar el mouse sobre una celda y que se pinte y luego se desvanesca...

richardinj · #1 (**permalink**) 29/09/2006, 00:08

Hola, como puedo hacer para que cuando ponga el muse sobre una celda o fila.. aparesca de color celeste y cuando saque el mouse este se desvanesca y regrese a su color orginal...

Saludos y gracias.

gazuzax · #2 (**permalink**) 29/09/2006, 01:29

mira este ejemplo y lo ajustas a lo que necesitas:

Código HTML:

<html>
<script language="JavaScript">
function setPointer(field, action, defaultColor, pointerColor) {
var newColor
var currentColor

currentColor=field.style.backgroundColor;

if (action == 'over' && currentColor.toLowerCase() == defaultColor.toLowerCase()) {
newColor=pointerColor; }

if (action == 'out' && currentColor.toLowerCase() == pointerColor.toLowerCase()) {
newColor=defaultColor; }

if (newColor) {
field.style.backgroundColor=newColor; }
}
</script>


<head>
<title>Untitled Document</title>


</head>
<table width="100" height="100" border="0" cellspacing="0" cellpadding="0" style="border: 1px solid #000000;">
<tr>
<td align="center" valign="bottom" style="background: #CCCCCC"  onMouseOver="setPointer(this, 'over', '#CCCCCC', '#F0F0F0');" onMouseOut="setPointer(this, 'out', '#CCCCCC', '#F0F0F0');">
</tr>
</table>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">




</body>
</html>

richardinj · #3 (**permalink**) 29/09/2006, 09:06

Gracias.....

richardinj · #4 (**permalink**) 29/09/2006, 19:20

espera.. no se desvanece :(

JavierB · #5 (**permalink**) 30/09/2006, 02:17

Hola richardinj

A ver si este otro ejemplo te funciona:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function marcar(obj,valor) {
  obj.style.background = (valor) ? 'aqua' : '';
}
</script>
</head>
<body>
<table>
<tr onmouseover="marcar(this,true)" onmouseout="marcar(this,false)">
<td>uno</td><td>dos</td>
</tr>
</table>
</body>
</html>

Saludos,

richardinj · #6 (**permalink**) 01/10/2006, 01:56

mmm... casi...
lo que quiero es que se desvanesca lentamente...
es decir, coloco el mouse encima y se pone azul, y cuando lo saco este se desvanece suavemente hasta desaparecer...

caricatos · #7 (**permalink**) 01/10/2006, 03:41

Hola:

El efecto fade lo hemos tratado en temas como éstos: Efecto en botones (Fade) ó [Resuelto]FadeOut en un talbla

Espero que te sirva.

Saludos