2009-09-15 129 views
34

默認情況下,如果你指定一個速度jquery添加一個奇怪的看動畫,它從左端角落展開。我希望它只是滑下來。有沒有辦法做到這一點,而無需像jQuery UI導入其他東西?更改jquery show()/ hide()動畫?

我期待中的東西線:

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

如果沒有辦法,那麼這將是這樣做最輕的解決方案?

感謝

回答

64

有原生的jQuery 1.3+的了slideDown,效果基本show和的slideToggle功能,以及他們的工作相當不錯...

http://docs.jquery.com/Effects

可以使用了slideDown就像這樣:

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

如果你想結合效果,真的去堅果我會看看動畫功能,它允許你噸o指定一些CSS屬性來調整變形或變形。漂亮的花哨的東西,那。

+0

這是完美的,由於 – marcgg 2009-09-15 16:53:44

+0

+1最快的槍給你!我切斷和過去的鏈接(方式!)太慢...你打我4分鐘...睡覺的時間! – beggs 2009-09-15 16:54:28

+0

@marcgg - 不客氣。 @beggs - 不要覺得不好,我通常是慢的。 ;) – 2009-09-15 17:05:30

13

使用slidedown()

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

謝謝,但TheSteve擊敗你:) – marcgg 2009-09-15 16:54:17

5

您也可以使用淡入/淡出組合,太....

$('.test').bind('click', function(){ 
    $('.div1').fadeIn(500); 
    $('.div2').fadeOut(500); 
    $('.div3').fadeOut(500); 
    return false; 
});