jQuery 左右动画

Posted 2023-05-08

【中文标题】jQuery 左右动画

【英文标题】：jQuery Animate with left and right

【发布时间】：2011-09-29 22:20:37

【问题描述】：

当使用 jQuery .animate(width: value) 时，它会从左到右对宽度进行动画处理。 所以如果你有一个 10px 的 div 并且你想将宽度设置为 100px。它将从左到右进行动画处理，使 div 更大。

我需要的是左右均匀的动画。也许我的例子会有所帮助。

此处的示例：（顶部导航） http://www.search-this.com/examples/eberl-reboot/index2.html

我希望动画不仅仅是从左到右，而是从中间开始并左右填充。有意义吗？

可能还有其他方法可以解释这一点，也许更好一些，但你得到我需要的了吗？

谢谢

【问题讨论】：

您将不得不更改边距或向左偏移，以按照您想要的方式与宽度一起制作动画。

【参考方案1】：

试试这个，它应该做你想做的事：http://jsfiddle.net/bZAsp/

如果您向动画按钮发送垃圾邮件，它确实会变得有点古怪，但这是留给读者来解决的练习:)

【参考方案2】：

您还需要为左侧位置设置动画，同时考虑宽度的增量变化：

http://jsfiddle.net/ZfvBK/3/

希望对你有帮助

【讨论】：

对几乎相同的答案没有投票，同时发布。奇怪。

【参考方案3】：

试试这个。但是你必须根据你想要动画的宽度动态地计算这些值。

$(someElement).animate( "margin-left": "+=50", "width": 200);