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（）不适合此目的，因为它在循环结束后仍然继续。