Simular Hover usando jQuery

Dados los “botones” existentes

HTML:

CSS:

  #MB .list li a { float:left; color:#333; background:#f6f6f6; border:1px solid #eaeaea; border-right:none; padding:0 8px; } #MB .list li a:hover, #MB .list li a:focus { color:#fff; border:1px solid #333333; border-right:none; background:#404040; text-decoration:none; } 

Me gustaría simular “flotar” automáticamente en cada botón, secuencialmente, cada n segundos.

Esto significa que cada n segundos se “desplaza” un botón (cambio de color, etc.), en el siguiente intervalo se “apaga” y el siguiente botón se “enciende” y así sucesivamente …

 #MB .list a:hover, #MB .list a:focus, #MB .list .active a { /* hover styles */ } 

(He simplificado un poco sus selectores, también sugeriría intentar eliminar la div externa, ya que a menudo son innecesarias y solo la ul es suficiente)

Javascript hover:

 function setHover() { if ($('#MB .list .active').next().length) { $('#MB .list .active').next().addClass('active').end().removeClass('active'); } else { $('#MB .list .active').removeClass('active'); $('#MB .list li:first-child').addClass('active'); } } setInterval(setHover, 1000); 

Yo usaría setInterval y jQuery.trigger('mouseover', …) .

¡Este enlace aquí le dará el código y las instrucciones para hacerlo!

http://forum.jquery.com/topic/simulate-hover-event

Definir un tercer selector como

#MB .list li a: hover, # MB .list li a: focus, # MB .list li a.simFocus {…}

y luego agregue y elimine la clase “simFocus” basada en el tiempo por código javascript.

Intente agregar onClick = “return true” en su enlace una etiqueta href

 About us 

el onClick = “return true” debería simular un cursor que se desplaza sobre y luego abandona el área de desplazamiento. Efectivamente le da un efecto de hover.

tenga en cuenta que su dedo tiene que tocar el botón para que se produzca el efecto de desplazamiento, lo que significa que el usuario solo verá el cambio durante uno o dos segundos antes de que el enlace cargue una página.