JQuery - ayuda con mouse move

   
Vista:

ayuda con mouse move

Publicado por gonzalo (10 intervenciones) el 14/02/2018 04:15:57
tengo este script, pretende cambiar el color de fondo de un array de labels y cambiarles el color cuando entra al label y restaurarlo cuando sale, pero solo funicona una sola vez, solo si sale del form y entra de nuevo funciona de nuevo pero solo 1 vez, que eestoy haciendo mal?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
$(document).ready(function()
{
	$("#Form").mouseenter(function(e)
	{
		$("#" + e.target.id).css({background:"green"});
 
	});
 
	$("#Form").mouseleave(function(e)
	{
		$("#" + e.target.id).css({background:"CssLabClasificado"});
	});
 
});
</script>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de txema

ayuda con mouse move

Publicado por txema (9 intervenciones) el 15/02/2018 00:32:38
Hola Gonzalo:

Te lo muestro con una imagen que alterna B&N y Color (en vez de cambiar de imagen, tendrás que modificar los estilos):
1
<img src="images/imgBN.png" alt="My Imagen" onmouseover="this.src='images/imgColor.png';" onmouseout="this.src='images/imgBN.png';">

Si observas, aunque tenemos dos situaciones (dentro y fuera), tenemos que registrar tres momentos:
- Una dada al cargar la página. (se supone que estamos fuera del elemento).
- Una segunda cuando entramos en el área (onmouseover).
- Y una tercera cuando salimos y le tenemos que decir que estamos fuera (onmouseout).

En jQuery tienes el ejemplo en .mouseleave()
(ver ejemplo al final de página)
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Revisar política de publicidad