2009-09-15 15 views
34

Hız jquery belirtirseniz, varsayılan olarak, sol uç köşeden genişlediğinde garip görünümlü bir animasyon ekler. Sadece aşağı kaydırılmasını istiyorum. Jquery UI gibi başka bir şey ithal etmeden bunu yapmanın bir yolu var mı?jquery show()/hide() animasyonu değiştirilsin mi?

Ben hatları şey arıyorum:

$("test").show('slow', {animation:'slide'}) 

hiçbir yolu varsa, o zaman ne bunu yapmanın en hafif bir çözüm olacaktır?

Teşekkür

cevap

64

Orada jquery 1.3+ özgü slideDown, slideUp ve slideToggle fonksiyonları vardır ve bunlar

http://docs.jquery.com/Effects

Sadece böyle slideDown kullanabilirsiniz ... oldukça güzel çalışır:

$("test").slideDown("slow"); 

ve etkileri birleştirebilir ve gerçekten çıldırmak istiyorum sana t verir hareketlendirmek fonksiyonu bakmak istiyorum o arası veya morf içine şekil vermek için bir dizi CSS özelliği belirtin. Oldukça süslü şeyler, bu.

+0

, teşekkür – marcgg

+0

1 size en hızlı silah! Bağlantılarım (yol!) Çok yavaş kesiyorum ... beni 4 dakikalığına dövüyorsun ... yatma zamanı! – beggs

+0

@marcgg - Rica ederim. beggs - Kötü hissetme, genellikle yavaş olanıyım. ;) –

13

Kullanım slidedown():

$("test").slideDown("slow"); 
+1

teşekkürler, ama TheSteve size bunu yendi :) – marcgg

5

Ayrıca .... de bir fadein/FadeOut Combo kullanabilirsiniz

mükemmel
$('.test').bind('click', function(){ 
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500); 
    $('.div3').fadeOut(500); 
    return false; 
}); 
İlgili konular