2012-07-25 81 views
3

我只想動畫一個div。 div的不透明度最終應該以最大不透明度顯示。如何做到這一點?如何使用jquery增加div的不透明度?

+0

CSS3的解決方案:http://jsfiddle.net/cDmkX/1/ – 2012-07-25 07:03:57

+1

如果您打算使用jQuery可言,以往,就得花幾分鐘時間瀏覽完整的[方法和選擇器列表](http://api.jquery.com/),其中給出了每行的單行描述。甚至花一兩個小時閱讀並仔細閱讀 - 今天一個小時這樣做可以在幾個小時後節省您的時間。在列表頂部附近,您會看到'.animate()'方法,這顯然有助於解決當前的問題,但更一般地,您會對jQuery可以執行的操作類型有更好的瞭解,會知道從哪裏開始解決_next_問題。 – nnnnnn 2012-07-25 07:12:30

+0

看看:http://api.jquery.com/fadeTo/ – Yoeri 2012-07-25 07:02:54

回答

1

設置div的不透明度爲0

$(div).css({opacity : 0}) 

然後,使用動畫

$(div).animate({'opacity': 1}, 1000) 

您可以在CSS不透明度以及

0

使用fadeTo()

$('div').fadeTo('fast', .5) // fade div to 50% opacity 
0

或者你可以使用動畫:

$('#test').animate({ 

    'opacity': 1, 
    'width': '400px' 

}, 600);