2009-08-08 25 views
71

JQuery animate kullanarak CSS sınıfları ile çalışmak istiyorum, .css dosyasında herhangi bir yerde tanımlanmış, tüm stilleri parantez vermek zorunda değilsiniz jquery.animate() .jQuery.animate() yalnızca açık stilleri olmadan css sınıfı ile

Böyle bir sınıfa sahip sahte (ör. Görünmez) bir öğe oluşturabilir, css özelliklerini okuyabilir ve jquery.animate() 'ye verebilirim - herkes daha iyi bir yol biliyor mu?

cevap

78

Eğer css sınıfını animasyon sağlar animate işleve bir uzantısı sağlar.

düzenlemek: Örnek here

eklenti için yöntemler de vardır// sen de ilginizi çekebilir sınıfını geçiş kaldırmak Birçok durumda

+0

Bu uzantı yalnızca ek css özellikleri için destek sağladığını düşündüm. Bu davranışın belgelerine bir link verebilir misiniz? – Scharrels

+2

http://jqueryui.com/docs/switchClass/ – redsquare

+0

NB krom iirc'de başarısız oldu – redsquare

4

Kontrol dışarı James Padolsey en animateToSelector

Intro: Bu jQuery eklentisi Eğer stil belirtilen stilleri herhangi öğeyi canlandırmak sağlayacaktır. Tüm yapmanız gereken bir seçiciden geçmek ve eklentisi bu seçiciyi StyleSheet sayfanızda 'da arayacak ve bir animasyon olarak 'u uygulayacaktır. jQueryUI

1

CSS geçişleri kullanarak daha iyi. Bunun için ve eski tarayıcılarda hareket hızı anında olacaktır. Çoğu animasyon (giriş/çıkış gibi) uygulama için çok önemsizdir ve tarayıcı sizin için tüm ayak işlerini yapar. https://developer.mozilla.org/en/docs/Web/CSS/transition

+0

Bu bağlantı şu anda bozulmuş :( – Evildonald