JQUERY - 改變股利尺寸，從頂部左側/右側或底部左/右

Question

我正在寫我的個人網站，我已經包含在一個div容器4個格（見圖片）

現在點擊我想調整點擊的div到容器的div尺寸

我做到了。

現在我的問題是，有一種方法來調整：

• 向底部右上左
• 3日一到左下到右上
• 從4一個，第二個到左上右下

HTML

http://pastebin.com/mid0ssC6

CSS

http://pastebin.com/sx4BL9Jv

JQUERY

http://pastebin.com/1yG3vkew

---

---

我找到了解決方案，我會盡快發佈:)

Answer 1

要執行您正在尋找的動畫級別，需要思考一些變化。目前，您的圖像佈局爲4 <div>元素，因爲它們的容器寬度會造成這種情況。您將需要在四個角落使用CSS定位。見relative positioning。

現在，爲了動畫您希望的物品，您需要知道其最終所需的尺寸和最終所需的終點位置。然後，您可以根據所需的時間長度從開始大小和位置創建動畫。調整大小將使其成爲最終所需的大小，但您還必須以與調整大小比例相同的速度移動圖像的位置。例如，當新圖標增大50％時，其位置應該是從開始到結束的50％。如果我們認爲圖像的上部/左側是圖像所在的位置，那麼它必須在每個「打勾」中移動，以便移動圖像的固定角落保持在完全相同的位置。

我意識到這不是一個爲您編碼的解決方案，但Stack Exchange的本質是「回答問題」而不是「編碼解決方案」。

Answer 2

這是不完整的答案療法是另外一個問題，但在邏輯上的問題的解決方案是如下：

http://pastebin.com/izrfcJDq

顯然，div的位置已被更改爲相對。

問題是while循環必須定時。

原生javascript方法SetInterval（）不適合此目的，因爲它在循環結束後仍然繼續。