Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/03/2014, 10:38
Avatar de JuJoGuAl
JuJoGuAl
 
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 15 años, 4 meses
Puntos: 19
Mantener el Evento Hover en una Botonera?

Buenas amigos, mi duda es la siguiente, he hecho una Botonera mediante Css:

Código HTML:
Ver original
  1. <div id="Botonera">
  2. <ul id="Botonera_menu">
  3. <!-- START BLOCK : menus -->
  4.     <li><a onclick="document.location.href='?mod={url_mod}'" title="{nom_mod}">{nom_mod}</a></li>
  5. <!-- END BLOCK : menus -->
  6. </ul>
  7. </div>
Código CSS:
Ver original
  1. /*Botonera*/
  2. #Botonera{
  3.     clear:both;
  4.     float:left;
  5.     width:100%;
  6.     overflow:hidden;
  7.     text-align: center;
  8.     color: #ffffff !important;
  9.     font-size: 14px;
  10.     text-transform: uppercase;
  11.     font-weight: bold;
  12.     height: 40px;
  13.     line-height: 40px;
  14. }
  15. #Botonera_menu {
  16.   padding:0;
  17.   margin:0 auto;
  18.   list-style-type:none;
  19.   float:left;
  20.   position:relative;
  21.   left:50%;
  22. }
  23. #Botonera_menu li {
  24.     float:left;
  25.     position:relative;
  26.     right:50%;
  27.  }
  28. #Botonera_menu a {
  29.     display: block;
  30.     text-decoration: none !important;
  31.     background: url(../images/buttom.png) left top no-repeat;
  32.     width: 150px;
  33.     height: 40px;
  34.     border: none;
  35.  }
  36. #Botonera_menu a:hover {
  37.     text-decoration: none !important;
  38.     color: #ffffff !important;
  39.     background-position: left bottom;
  40.     cursor:pointer;
  41. }

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... ?