2009-10-24 126 views
2

我想找到一種方法來動畫使用jQuery來從左到右收縮寬度的div。動畫寬度從左到右

我發現點擊的元素首先:

  • 幻燈片從左至右
  • 然後把它繼續向右關我的div,就像它只是不斷移動到頁面,拉斯維加斯然後再次點擊即可。我有切換功能,並正常工作,但我不知道如何使它保持離開頁面。

任何想法?

回答

3

你需要設置margin屬性。但是如果它的任何一方都有其他元素的話,你也可以將它定位。

+0

結束了這樣的工作。欣賞這一點。謝謝。 – Coughlin 2009-11-03 05:46:44

4

從右向左收縮(如您所知),但同時增加左側位置樣式或左側邊距。

喜歡的東西:

var distance = $("div").css("width"); 

$("div").animate({ 
"width": "0", 
"marginLeft": distance 
}); 
+0

即使即時使用圖像作爲背景圖像,這個工作嗎? – Coughlin 2009-10-31 21:18:46