recordar la propiedad después de un hover

yo_cnk · #1 (**permalink**) 21/10/2011, 09:24

Hola, ando buscando una respuesta a esta duda:
Tengo un DIV#1 que cuando paso el mouse sobre él se cambia la propiedad de otro DIV#2 el cual se muestra (display: block;).
Mi pregunta es: ¿Cómo hago para que el DIV#2 se mantenga con la propiedad luego de alejar el mouse del DIV#1?

emprear · #2 (**permalink**) 21/10/2011, 11:08

sería mas conveniente entonces que lo hagas con javascript, con los eventos onmouseover / onmouseout

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>mouseover-mouseout</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
/* Propiedad por defecto de la capa 2 */
#capa1{
width: 100px; height: 100px;background-color: green;
}
#capa2{
display: none;
width: 100px; height: 100px;background-color: red;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
/* script */
function mostrar(){
 document.getElementById('capa2').style.display = 'block';
}
//]]>
</script>
</head>
<body>
<div id="capa1" onmouseover="mostrar();" onmouseout="mostrar();">
capa1
</div>
<div id="capa2">
capa2
</div>
</body>
</html>

tambien podes hacer que el que hace el over sea el "hover" del css, pero para el out, con javascript

Saludos

yo_cnk · #3 (**permalink**) 25/10/2011, 11:19

Muchísimas gracias emprear! me fue de mucha utilidad tu ayuda!
Suerte!