Als «jquery-animate» getaggte Fragen

Ich versuche, eine Änderung in backgroundColor mithilfe von jQuery beim Mouseover zu animieren. Ich habe ein Beispiel überprüft und es scheint richtig zu sein. Es funktioniert mit anderen Eigenschaften wie fontSize, aber mit backgroundColor erhalte ich den Fehler "Invalid Property". Das Element, mit dem ich arbeite, ist ein Div. $(".usercontent").mouseover(function() …

327 javascript  jquery  colors  jquery-animate 

Ich verwende jQuery und jQuery-ui und möchte verschiedene Attribute für verschiedene Objekte animieren. Um das Problem hier zu erklären, habe ich es zu einem Div vereinfacht, der von blau nach rot wechselt, wenn der Benutzer darüber fährt. Ich kann das gewünschte Verhalten bei der Verwendung animate()erzielen. Dabei müssen sich die …

225 javascript  jquery  css  jquery-ui  jquery-animate 

Ich möchte eine <div>von 200pxbis autoHöhe animieren . Ich kann es aber nicht zum Laufen bringen. Weiß jemand wie? Hier ist der Code: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

Ich habe die Seite so eingestellt, dass sie nach oben rollt, wenn auf eine Schaltfläche geklickt wird. Aber zuerst habe ich eine if-Anweisung verwendet, um festzustellen, ob der obere Rand der Seite nicht auf 0 gesetzt wurde. Wenn es nicht 0 ist, animiere ich die Seite, um nach oben zu …

171 jquery  jquery-animate  scrolltop 

Versuchen Sie, den Bildlauf beim Laden der Seite auf eine bestimmte ID zu animieren. Ich habe viel recherchiert und bin auf Folgendes gestoßen: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); aber dies scheint von der ID zu beginnen und zum Anfang der Seite zu animieren? Der HTML-Code (der sich auf der …

123 jquery  scroll  jquery-animate 

Ich arbeite an der Erstellung einer browserübergreifenden Rotation (dh 9 +) und habe den folgenden Code in einer 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)' }, 1000); } Das …

80 jquery  css  rotation  jquery-animate 

Welches ist die richtige Syntax, um die Box-Shadow- Eigenschaft mit jQuery zu animieren ? $().animate({?:"0 0 5px #666"});

75 jquery  css  jquery-animate  box-shadow