«jquery-animate» etiketlenmiş sorular

Fareyle üzerine jQuery kullanarak backgroundColor bir değişiklik canlandırmaya çalışıyorum. Bazı örnek kontrol ettim ve doğru var gibi görünüyor, fontSize gibi diğer özellikleri ile çalışır, ancak backgroundColor olsun ve "Geçersiz özellik" js hatası. Birlikte çalıştığım öğe bir div. $(".usercontent").mouseover(function() { $(this).animate({ backgroundColor: "olive" }, "slow"); }); Herhangi bir fikir?

327 javascript  jquery  colors  jquery-animate 

JQuery ve jQuery-ui kullanıyorum ve çeşitli nesneler üzerinde çeşitli öznitelikleri canlandırmak istiyorum. Sorunu burada açıklamak adına, kullanıcı fareyle üzerine geldiğinde maviden kırmızıya değişen bir div'e basitleştirdim. Kullanırken istediğim davranışı elde edebiliyorum animate(), ancak bunu yaparken animasyon yaptığım stiller animasyon kodunda olmalı ve böylece stil sayfamdan ayrı. (bakınız örnek 1 ) …

226 javascript  jquery  css  jquery-ui  jquery-animate 

Bir düğme tıklatıldığında sayfayı en üste kayacak şekilde ayarladım. Ama önce sayfanın üst kısmının 0 olarak ayarlanıp ayarlanmadığını görmek için bir if ifadesi kullandım. Sonra 0 değilse, sayfanın üstüne gitmek için animasyonluyorum. var body = $("body"); var top = body.scrollTop() // Get position of the body if(top!=0) { body.animate({scrollTop:0}, '500'); …

172 jquery  jquery-animate  scrolltop 

Bir Canlandırmak istediğiniz <div>den 200pxüzere autoyükseklik. Yine de çalışmasını sağlayamıyorum. Nasıl olduğunu bilen var mı? İşte kod: $("div:first").click(function(){ $("#first").animate({ height: "auto" }, 1000 ); });

171 javascript  jquery  html  css  jquery-animate 

Sayfanın yüklenmesinde belirli bir kimliğe doğru kaydırmayı canlandırıyorum. Çok araştırma yaptım ve şununla karşılaştım: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); ancak bu kimlikten başlayıp sayfanın üst kısmına doğru hareket ediyor gibi görünüyor? HTML (sayfanın yarısına kadar olan) basitçe: <h2 id="title1">Title here</h2>

123 jquery  scroll  jquery-animate 

Tarayıcılar arası uyumlu bir rotasyon (ie9 +) oluşturmaya çalışıyorum ve jsfiddle'da aşağıdaki koda sahibim $(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 ve HTML gerçekten basittir ve …

82 jquery  css  rotation  jquery-animate