【问题标题】:jQuery Animate with left and rightjQuery 左右动画
【发布时间】:2011-09-29 22:20:37
【问题描述】:

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

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

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

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

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

谢谢

【问题讨论】:

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

标签: jquery jquery-animate


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

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

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

    希望对你有帮助

    【讨论】:

    • 对几乎相同的答案没有投票,同时发布。奇怪。
    【解决方案3】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-09-04
      • 2013-09-03
      • 2011-08-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多