Articles of jquery animate

Detecta si jQuery plugin se aplica a múltiples elementos?

Estoy trabajando en un plugin jQuery que se puede aplicar a múltiples elementos. El complemento incluye algunos efectos de animation y necesito administrar la queue de events en function de si el complemento se usa en múltiples elementos (en lugar de uno). ¿Cuál es la mejor manera de detectar si el complemento se ha aplicado […]

Moviendo elementos con javascript

¿Cuáles son las mejores prácticas para mover elementos con javascript? ¿Utiliza times de espera o intervalos? ¿Es malo tener events progtwigdos durante 10 milisegundos, o será preciso? ¿Mueves pixel por pixel, o una cierta fracción de la distancia total? Si usa intervalos, ¿cómo detiene el intervalo cuando el elemento está en position? Las dos últimas […]

¿Cómo deslizar toda la página web?

Por ejemplo, http://www.tumblr.com Cierre la session e intente hacer clic en los botones "Iniciar session", "Registrarse", "30 razones por las que le encantará Tumblr" (especialmente interesante). ¿Cómo crear este efecto de diapositiva? PD: No estoy pidiendo que me proporcione código de trabajo, solo pautas y consejos. UP: parece que encontré la posible solución. Código de […]

Animate marginLeft to element's -width

Tengo un elemento con un text largo en línea y quiero hacer una animation que moverá este text fuera de la pantalla (todo el text detrás del borde derecho de la window) hacia la izquierda fuera de la pantalla. Mi idea es mover elemento estableciendo margin-left a less (ancho) de elemento: var element = $(this); […]

Interminable animation en color de background en jQuery, ¿cómo?

Estoy trabajando en un formulario web donde deseo (después del envío del formulario) resaltar aquellos campos de input que no se ingresaron correctamente. El efecto destacado que deseo crear es una animation de bucle infinito entre background-color: #fcc ; y #fff ; en los campos de input defectuosos, usando jQuery. Cuando uno de esos campos […]

Animación suave basada en el valor del control deslizante

Tengo un elemento básico de control deslizante de HTML. Lo que deseo producir es simple: cuando el slider está en un extremo, sale una cara feliz y sencilla. Cuando está en el otro extremo, sale una cara triste y simple. La key que quiero es que haya una transición suave de un lado de la […]

Defectos de animation de jQuery que no se activan en secuencia

var slideWidth = $('#carousel #slideContainer .slide').width(); var slidePos = (($('ul#carousel_nav li').index(this)) * slideWidth); slidePos = Math.abs(slidePos) * -1; $('#carousel #slideContainer .slide .slideContents').stop(); $('#carousel #slideContainer').stop(); $('#carousel #slideContainer .slide .slideContents').fadeOut( 500, function() { $('#carousel #slideContainer').animate({ left: slidePos }, 1000, function() { $('#carousel #slideContainer .slide .slideContents').fadeIn( 500 ); }); }); Construyendo un scroller jQuery que tiene una cadena […]

jquery animate () alternar sin ocultar el elemento

¿Hay alguna manera de alternar una sola propiedad de CSS usando la function animate () sin ocultarla? Algo como esto; $(".block").animate({ 'border-width': 'toggle' }, 1000); No puedo usar el toggleClass (), addClass () o removeClass (). La razón de esto es que tiene un efecto no deseado en el tamaño del elemento que está animado […]

Refactor jquery animado

Estoy usando el plugin datepicker desde aquí – El ejemplo está en la parte inferior de la página. Está utilizando jquery animate () de esta manera: $('#widgetField>a').bind('click', function(){ $('#widgetCalendar').stop().animate({height: state ? 0 : $('#widgetCalendar div.datepicker').get(0).offsetHeight}, 500); state = !state; return false; }); Necesito una recomendación sobre cómo refactorizar esto en una div en expansión tipo […]

Pregunta acerca de jquery slideDown

Tengo un div con altura de 300px. Quiero usar slideDown o cualquiera de los methods de jquery para deslizar una parte del div. No todos los 300px pueden ser solo 50px.