jQuery从左到右减小宽度

Question

你好我有一个宽度为500px的DIV。

我试图用500px到0px和0px再到500px的动画来减小宽度。

只有一个问题，DIV从右到左开始减少。

我想要相反的事情。

从一开始，宽度将从左到右减小并动画，然后从右到左从0px增加到500px。

我如何使用jQuery做到这一点？

感谢您的帮助

EDITED

function animateText(px) {
  $('#slidetext').animate({
   'width' : px
  });
 }

Answer 1

这是可能的，但您需要使用position: absolute，请参阅我的小提琴HERE

function animateText(px) {
    $('#slidetext').animate({
       left: $("#slidetext").width(),
       width: px
    });
}

Answer 2

你是否正在尝试这个

jsFiddle

$("#div2").animate({
          'width':'50%',
          'left':'49%'
},1000);​

Answer 3

请参阅此示例小提琴：http://jsfiddle.net/TC9Mn/

我们的想法是将您的元素包装在一个包含position: relative的容器中，并指定要为position: absolute和right: 0

设置动画的元素。

这样宽度从左到右变化

Answer 4

尝试这个，这可以使用css3完成，而无需使用任何javascript / jquery代码。以下是我的小提琴。
使用@keyframe和animation属性 http://jsfiddle.net/eQMyq/2/