Llamar a una " class " con javascript.

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

Llamar a una " class " con javascript.

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Llamar a una " class " con javascript. (Leído 5,014 veces)

Ori-chan

Desconectado

Mensajes: 257

El rey de los novatos en persona.

Llamar a una " class " con javascript.

« en: 20 Enero 2013, 19:11 pm »

El caso es que me gustaría que hubiera un recuadro que cuando pasaras el cursor por encima se ejecutara esta animación en CSS.

Código

.rotacion {
-webkit-animation: cssAnimation 2.5207s 16 ease;
-moz-animation: cssAnimation 2.5207s 16 ease;
-o-animation: cssAnimation 2.5207s 16 ease;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -moz-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -o-transform: rotate(360deg) scale(1) skew(1deg) translate(0px); }
}

¿Tentria que poner

Código

onmouseover=" "

o como?

Un saludo y gracias por leer!!


	En línea

RevangelyonX

Desconectado

Mensajes: 245

Re: Llamar a una " class " con javascript.

« Respuesta #1 en: 20 Enero 2013, 20:13 pm »

Hola,

Te respondo sin haber hecho las pruebas con tu código, pero la idea está ahí.

Onmouseover lo que hace es permitirte hacer una llamada a una función o instrucciones de javascript en el momento de pasar el cursor por el elemento.

Tu quieres hacer un efecto mediante CSS y no mediante javascript. Por lo tanto hay varias posibilidades:

Código:

function miFuncionJavaScript(){
  unJqueryQueApliqueElCSSQuePones...
}

Onmouseover="miFuncionJavaScript();"

o bien, si quieres hacerlo directamente por CSS (esta es la parte que no he probado) es:

Código:

.rotation:hover{
  ......
}

y luego en tu DIV del HTML agregarle la CLASS:

Código:

<div id="algo" class="rotacion">
...
</div>

Esto último no estoy seguro de que funcione.

Salu2


	En línea

Just Linux
OSCP certified

Ori-chan

Desconectado

Mensajes: 257

El rey de los novatos en persona.

Re: Llamar a una " class " con javascript.

« Respuesta #2 en: 24 Enero 2013, 16:42 pm »

Gracias, aunque no me entiendo muy bien con JQuery, jejeje!


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	Problema al llamar la tabla "char" PHP	XXXXXX	6	3,387	14 Junio 2010, 01:00 am por XXXXXX
	Duda con nombramiento de "id" y "class" Desarrollo Web	KuraraGNU	2	2,466	25 Mayo 2011, 14:24 pm por KuraraGNU
	recursos visual basic, """"""proceso inmortal""""" Análisis y Diseño de Malware	Dark4ngel	7	14,180	3 Noviembre 2011, 10:42 am por Dark4ngel
	javascript, reducir o "llamar" funcion Desarrollo Web	Neibar	6	3,988	8 Mayo 2012, 22:42 pm por Neibar
	Problema con "class Reloj" c++ Programación C/C++	ianmorar03	3	4,079	27 Marzo 2016, 15:59 pm por ivancea96