Mantener el Evento Hover en una Botonera?

[JuJoGuAl]

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

Código HTML:

<div id="Botonera">
<ul id="Botonera_menu">
<!-- START BLOCK : menus -->
    <li><a onclick="document.location.href='?mod={url_mod}'" title="{nom_mod}">{nom_mod}</a></li>
<!-- END BLOCK : menus -->
</ul>
</div>
 

Código CSS:

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

[pzin]

Lo típico para estos casos es añadir una clase en el HTML del elemento activo.

[JuJoGuAl]

Pero el Active solo aparece al hacer clic! y me gustaria que ese "diseño" se mantuviese mientras este en dicho moduclo...

[pzin]

Es que no he dicho nada de :active.

[Rafael]

Es que una cosa es el elemento active*, y otra es que el navegador le diga a la hoja de estilos que actualmente estás viendo el tema que corresponde a cierto botón.

Esto se hace con un lenguaje del lado del servidor, este identifica el nombre de la página que estás viendo, dispara un valor y este lo puedes ligar a un estilo css específico.

Hay que saber un poquito de programación para hacer eso.

*El active es solamente durante la interacción con el mouse, pero cuando la página se recarga, este evento se pierde.

[JuJoGuAl]

Iniciado por pzin

Es que no he dicho nada de :active.

Supuse que era el Active de css jajajaja

Iniciado por Rafael

Es que una cosa es el elemento active*, y otra es que el navegador le diga a la hoja de estilos que actualmente estás viendo el tema que corresponde a cierto botón.

Esto se hace con un lenguaje del lado del servidor, este identifica el nombre de la página que estás viendo, dispara un valor y este lo puedes ligar a un estilo css específico.

Hay que saber un poquito de programación para hacer eso.

*El active es solamente durante la interacción con el mouse, pero cuando la página se recarga, este evento se pierde.

Y como podria hacer eso? puedes guiarme?

[codeams]

Solo añade la clase "mostrar" por ejemplo.
Esos estilos que tienes definidos para :active definelos para la clase "mostrar" que puedes añadir al boton con el evento click() de jQuery y puedes remover con el evento onmouseout() -de jQuery-.