HTML - Hacer hover en una imagen y que afecte un div para que cambie de color

   
Vista:

Hacer hover en una imagen y que afecte un div para que cambie de color

Publicado por oscar (1 intervención) el 08/10/2014 06:00:35
Hola que tal tengo un problema
e tratado de varias formas pero aun asi no me sale, lo que quiero es al momento de hacer hover en una imagen quiero que cambie de color un div que tengo aparte
podrian ayudarme
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 xve

Hacer hover en una imagen y que afecte un div para que cambie de color

Publicado por xve (1178 intervenciones) el 08/10/2014 08:23:32
Hola Oscar, con HTML únicamente no podrás hacerlo... aquí te muestro un ejemplo de como lo he hecho con jquery:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
 
	<script>
	$(document).ready(function(){
		$("#texto").hover(
			function(){
				$("#miDiv").css({"background-color":"red"});
			}, function(){
				$("#miDiv").css({"background-color":"inherit"});
			}
		);
	});
	</script>
 
	<style>
	#miDiv {width:100px;height:100px;border:1px solid #808080;}
	</style>
</head>
 
<body>
 
<div id="texto">Este es un texto de prueba al que se le aplicaran diferentes estilos</div>
 
<div id="miDiv">
 
</body>
</html>

Coméntanos si te sirve, ok?
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