
24/02/2007, 13:23
|
 | | | Fecha de Ingreso: junio-2004 Ubicación: Lima-Peru
Mensajes: 67
Antigüedad: 20 años, 9 meses Puntos: 0 | |
Re: Problemas con eventos onMouseOver y onMouseOut Gracias por responder locojars.
Si tu dices que los eventos estan funcionando bien. entonces me podrias explicar porque este codigo que pondre no funciona como debe de ser
__________________________________________________ _______________
<html>
<HEAD>
<script language="JavaScript">
var ancho3=0;
function efecto2() {
document.all.tabla.style.width=ancho3 + "px";
if(document.all.tabla.style.width == "160px"){
ancho3=0;
}else{
ancho3 = ancho3 + 10 ;
setTimeout("efecto2()",1);
}
}
function salir() {
document.all.tabla.style.width = 0
sw=0;
}
</script>
</HEAD>
<BODY >
<table id="tabla" width="0" align="center" border="1" cellspacing="0" cellpadding="0" onMouseOver="efecto2()" onMouseOut="salir()" >
<tr>
<td ><a href="menu1.html" >Menu 1</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 1</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 2</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 3</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 4</a></td>
</tr>
<tr>
<td><a href="link1.html">Link 5</a></td>
</tr>
</table>
</body>
</html>
--------------------------------------------------------------------------
Esto debe de funcionar de esta manera :
1 - Cuando paso el mouse por ensima de la tabla se debe de ejecuta el evento onMouseOver una solo vez . osea debe de llamar a la funcion efecto2() este hace que el ancho de la tabla cresca poco a poco con setTimeout que se ejecutara hasta que su ancho sea 160px . y despues cuando salga de la tabla pues se debe de ejecuta el evento onMouseOut que llamara a la funcion salir() que lo que ara es pues poner el ancho de la tabla en 0 y nada eso seria todo .
Si tu dices que los eventos se estan ejecutando bien entonces no deberia ejecutarce los dos eventos a la vez cuando paseo con el mouse por los links de la tabla. este comportamniento no lo vees hasta que usas un alert ahi te das cuenta que los dos eventos estan que se ejecutan a la vez cuando pasas por cada fila . te das cuenta de esto si el alert usando pues el codigo que e escrito arriba.
pues veras que se agranda el ancho y achica el ancho a cada rato . causando un efecto feo que no quiero que pase..
No se como podria solucionar esto.
Si alguien me da la mano se lo agradeceria bastante. se que aqui hay gente capas de ayudarme . gracias |