Buenas amigos, mi duda es la siguiente, he hecho una Botonera mediante Css:
Código HTML:
Ver original<!-- START BLOCK : menus -->
<li><a onclick="document.location.href='?mod={url_mod}'" title="{nom_mod}">{nom_mod}
</a></li> <!-- END BLOCK : menus -->
Código CSS:
Ver original/*Botonera*/
#Botonera{
clear:both;
float:left;
width:100%;
overflow:hidden;
text-align: center;
color: #ffffff !important;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
height: 40px;
line-height: 40px;
}
#Botonera_menu {
padding:0;
margin:0 auto;
list-style-type:none;
float:left;
position:relative;
left:50%;
}
#Botonera_menu li {
float:left;
position:relative;
right:50%;
}
#Botonera_menu a {
display: block;
text-decoration: none !important;
background: url(../images/buttom.png) left top no-repeat;
width: 150px;
height: 40px;
border: none;
}
#Botonera_menu a:hover {
text-decoration: none !important;
color: #ffffff !important;
background-position: left bottom;
cursor:pointer;
}
Funciona hasta ahora bien! la pregunta es cuando navego en cada Modulo (opcion de la Botonera) al pasar el mouse activo el Evento HOVER de dicho boton, Existe alguna manera que ese evento "HOVER" se mantenga hasta que me salga de dicho modulo?
Es decir si apreto el modulo "Objetos" solose activa el HOVER obviamente al pasar el mouse sobre él, pero puede quedarse asi hasta que me mueva a otro Modulo? o a la pagina de Inicio?
Creo que esto se hace por Jquery (Supongo) pero nose si hay una vía mediante CSS... ?