Pytania otagowane jako jquery-animate

Próbuję animować zmianę w backgroundColor za pomocą jQuery po najechaniu kursorem myszy. Sprawdziłem jakiś przykład i wydaje mi się, że mam rację, działa z innymi właściwościami, takimi jak fontSize, ale z backgroundColor otrzymuję i błąd js „Nieprawidłowa właściwość”. Elementem, z którym pracuję jest div. $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: "olive" }, …

327 javascript  jquery  colors  jquery-animate 

Korzystam z jQuery i jQuery-ui i chcę animować różne atrybuty na różnych obiektach. Aby wyjaśnić problem tutaj, uprościłem go do jednego diva, który zmienia kolor z niebieskiego na czerwony, gdy użytkownik na niego najeżdża. Jestem w stanie uzyskać pożądane przeze mnie zachowanie animate(), jednak robiąc to, style, które animuję, muszą …

225 javascript  jquery  css  jquery-ui  jquery-animate 

Chcę ożywić <div>od 200pxdo autowysokości. Jednak nie wydaje mi się, żeby to działało. Czy ktoś wie jak? Oto kod: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

Ustawiam przewijanie strony do góry po kliknięciu przycisku. Ale najpierw użyłem instrukcji if, aby sprawdzić, czy góra strony nie jest ustawiona na 0. Następnie, jeśli nie jest to 0, animuję stronę, aby przewijała się do góry. var body = $("body"); var top = body.scrollTop() // Get position of the body …

171 jquery  jquery-animate  scrolltop 

Chcę animować przewijanie do określonego identyfikatora podczas wczytywania strony. Zrobiłem wiele badań i znalazłem to: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); ale wydaje się, że zaczyna się od identyfikatora i animuje do góry strony? Kod HTML (znajdujący się w połowie strony) to po prostu: <h2 id="title1">Title here</h2>

123 jquery  scroll  jquery-animate 

Pracuję nad utworzeniem rotacji kompatybilnej z różnymi przeglądarkami (ie9 +) i mam następujący kod w pliku 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); } CSS i HTML …

81 jquery  css  rotation  jquery-animate