jQuery Animate左右

时间:2011-07-06 19:47:52

标签: jquery jquery-animate

使用jQuery .animate(width:value)时,它会从左到右设置宽度动画。 因此,如果你有一个10px div,你想要将宽度设置为100px。它将为左侧向右侧设置动画,使div更大。

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

此处示例:(顶部导航) http://www.search-this.com/examples/eberl-reboot/index2.html

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

可能还有其他方法可以解释这个问题,也许还有一些更好的方法,但你能得到我需要的吗?

由于

3 个答案:

答案 0 :(得分:3)

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

如果您向动画按钮发送垃圾邮件,它确实会变得有点时髦,但这是一个让读者修复的练习:)

答案 1 :(得分:1)

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

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

希望有所帮助

答案 2 :(得分:0)

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

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