2010-09-12 62 views
2

比方說,通過使用jQuery我可以設置一個DIV的寬度,這樣做:CSS滑動到新的寬度

$('#perc_in').width("14%"); 

然後我讓它這樣做:

$('#perc_in').width("57%"); 

有沒有一種方法,我可以做到這一點,而不是從14到57我可以使它從14%到57%的進度條SLIDE?這是一個圍繞另一個div的簡單div,百分比是進度(aka寬度)。

回答

4

您可以使用.animate()以實現:

$('#perc_in').animate({'width': '57%'}, durationInMilliSeconds); 
+0

這是基本的想法(upvoted),但如果你想從左邊滑動到右值得注意的股利應相對/絕對/向左浮動。有點像進度條的感覺。 (有關此jquery函數和緩動的更多信息,請訪問:http://api.jquery.com/animate/) – 2010-09-12 00:13:39

+0

確定酷。這看起來不錯嗎? $('#perc_in')。animate({'width':result + '57%'},100); – nn2 2010-09-12 00:14:15

+0

結果+ '57%' - 看起來不對我。你會想要一個數字1-100的百分比符號..也許「結果+'%'」? – 2010-09-12 00:16:25