Download jquery
Document related concepts
no text concepts found
Transcript
JQUERY: Cuando queremos que un elemento pueda interactuar con un css ya establecido, usamos las clases. Con jQuery, estas pueden ser asignadas dinamicamente: $("a").addClass("boton"); O tambien removidas: $("a").removeClass("boton"); Cuando queremos que un elemento pueda interactuar con un css ya establecido, usamos las clases. Con jQuery, estas pueden ser asignadas dinamicamente: $("a").addClass("boton"); O tambien removidas: $("a").removeClass("boton"); Efectos especiales Esta librería también esta compuesta por algunos efectos, que resultan muy útiles. Son livianos y faciles de llamar. A continuación, una breve descripcion de cuales son, que hacen y como se usan: Nombre del efecto Descripcion Show (Mostrar) Modifica los atributos alto, ancho y transparencia, partiendo de 0. $(objeto).show("velocidad") Hide (Ocultar) Modifica los atributos alto, ancho y transparencia, partiendo de los valores actuales hasta llegar a 0. $(objeto).hide("velocidad") Slide Down (Aparecer hacia abajo) Modifica los atributos alto y transparencia, partiendo de 0. Es similar a "show", salvo que no modifica el ancho, creando un efecto de "cortinilla". $(objeto).slideDown("velocidad") Descripcion de los parámetros Slide Up (Aparecer hacia arriba) Velocidad: Determina el tiempo en el que se realizará el Modifica los atributos alto y transparencia, partiendo de los actuales, efecto. Puede ser "slow" (lento), "normal", o "fast" hasta llegar a 0. Es similar a "show", salvo que no modifica el ancho, (rápido). creando un efecto de "cortinilla". $(objeto).slideUp("velocidad") Fade In(Aparecer) Modifica el atributo transparencia desde 0. $(objeto).fadeIn("velocidad") Modifica el atributo transparencia desde el valor actual, hasta llegar a Fade 0. Out(Desaparecer) $(objeto).fadeOut("velocidad") Center (Centrar) Centra un elemento con respecto a su "parent". $(objeto).center("velocidad"); Fade To(Cambiar Modifica el atributo transparencia a un valor especifico. Velocidad: Determina el tiempo en el que se realizará el transparencia) $(objeto).fadeTo("velocidad", transparencia) efecto. Puede ser "slow" (lento), "normal", o "fast" (rápido). Transparencia: Un numero de 0 a 100 que indica que tan visible es el elemento. Velocidad: Determina el tiempo en el que se realizará el efecto. Puede ser "slow" (lento), "normal", o "fast" (rápido). Animate (Animar) Modifica un atributo especifico. $(objeto).animate("propiedades","velocidad"); Propiedades: Una o más propiedades con valor numérico en CSS, por ejemplo width y height. La llamada seria: $(objeto).animate({width:20,height:200}, "slow");