Preguntas etiquetadas con jquery-animate

Estoy tratando de animar un cambio en backgroundColor usando jQuery en el mouseover. He comprobado algún ejemplo y parece que lo tengo bien, funciona con otras propiedades como fontSize, pero con backgroundColor obtengo y el error js "Invalid Property". El elemento con el que estoy trabajando es un div. $(".usercontent").mouseover(function() …

327 javascript  jquery  colors  jquery-animate 

Estoy usando jQuery y jQuery-ui y quiero animar varios atributos en varios objetos. Para explicar el problema aquí, lo he simplificado a un div que cambia de azul a rojo cuando el usuario pasa el mouse sobre él. Puedo obtener el comportamiento que quiero cuando uso animate(), sin embargo, al …

226 javascript  jquery  css  jquery-ui  jquery-animate 

Establezco la página para que se desplace hacia arriba cuando se hace clic en un botón. Pero primero usé una instrucción if para ver si la parte superior de la página no estaba configurada en 0. Luego, si no es 0, animé la página para desplazarme hacia la parte superior. …

172 jquery  jquery-animate  scrolltop 

Quiero animar un <div>desde 200pxa la autoaltura. Aunque parece que no puedo hacer que funcione. ¿Alguien sabe cómo? Aquí está el código: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

Estoy tratando de animar el desplazamiento a una ID particular al cargar la página. He investigado mucho y me encontré con esto: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); pero parece que esto comienza desde la ID y se anima a la parte superior de la página? El HTML (que está …

123 jquery  scroll  jquery-animate 

Estoy trabajando en la creación de una rotación compatible con varios navegadores (ie9 +) y tengo el siguiente código en un jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $("#MyDiv1").css({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform': 'rotate('+d+'deg)' }); } function AnimateRotate(d) { $("#MyDiv2").animate({ '-moz-transform':'rotate('+d+'deg)', '-webkit-transform':'rotate('+d+'deg)', '-o-transform':'rotate('+d+'deg)', '-ms-transform':'rotate('+d+'deg)', 'transform':'rotate('+d+'deg)' }, …

81 jquery  css  rotation  jquery-animate