2010-12-03 13 views
54

Me gustaría saber si es posible de alguna manera para disparar el efecto de CSS con JS, sin tener que utilizar una clase adicional ...gatillo vuelo estacionario con css JS

Aquí está un ejemplo de lo que quiero hacer: http://jsfiddle.net/pXbMZ/2/

He intentado disparar el efecto usando mouseenter() pero esto no activa el efecto de desplazamiento de CSS.

PD: He creado una función que ayuda a un usuario que usa un CMS en línea. La función de ayuda le muestra cómo hacer cosas moviendo una imagen que le muestra cómo usar cosas. El cursor virtual puede hacer clic en cosas, mostrar elementos, etc. Pero me gustaría que este cursor virtual active los efectos de desplazamiento establecidos en el CSS también.

+4

Me gustaba Winnie the Pooh cuando era niño ... :) –

+0

Hmm, me funciona ... – Blender

+0

Todavía me gusta Winnie-the-Pooh. Las cosas originales de A A Milne, es decir, no la horrible bastardización de Disney. – Chowlett

Respuesta

41

Sé lo que estás tratando de hacer, pero ¿por qué no simplemente hacer esto:

$('div').addClass('hover'); 

La clase ya está definido en el CSS ...

En cuanto a usted pregunta original, esta se ha preguntado antes y no es posible desafortunadamente. p. http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover

Sin embargo, su funcionalidad deseada puede ser posible si su Stylesheet está definida es Javascript. ver: http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

Espero que esto ayude!

+1

ayuda mucho gracias. – meo

-3

Si vincula eventos a los eventos onmouseover y onmouseout en Jquery, puede desencadenar ese efecto con mouseenter().

¿Qué estás tratando de lograr?

+0

he editado mi publicación. No quiero desencadenar el evento JS mouseenter quiero activar el CSS: hover – meo

6

No creo que lo que pregunte sea posible.

Ver: Hover Item with JQuery

Básicamente, la adición de una clase es la única manera de lograr esto que yo sepa.

+0

gracias, este es en realidad el primer comentario o respuesta a esta pregunta que me ayuda. – meo

23

No puede. No es un trusted event.

Eventos que son generados por el agente de usuario, ya sea como resultado de la interacción del usuario, o como un resultado directo de los cambios en el DOM, están de confianza por el agente de usuario con privilegios de que no se proporcionó a los eventos generados por secuencia de comandos a través del método DocumentEvent.createEvent ("Evento"), modificado mediante el método Event.initEvent(), o enviado a través del método EventTarget.dispatchEvent(). El atributo isTrusted de los eventos de confianza tiene un valor de true, mientras que los eventos que no son de confianza tienen un valor de atributo isTrusted de false.

La mayoría de los eventos no confiables de no deben desencadenar las acciones predeterminadas, con la excepción de los eventos de clic o DOMA activar.

Debe agregar una clase y agregarla/eliminarla en los eventos mouseover/mouseout manualmente.


Nota al margen, estoy aquí después de responder a esta marqué this como un duplicado ya que ninguna respuesta aquí realmente cubre el tema de lo que veo.Con suerte, un día se fusionará.

Cuestiones relacionadas