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包装AA容器内的元素，并分配给你想以这种方式来制作动画position: absolute和right: 0

元素宽度从左到右变化

Answer 4

试试这个，这可以使用css3没有你唱任何JavaScript/jQuery代码。下面是我的小提琴。
使用@keyframe和animation财产 http://jsfiddle.net/eQMyq/2/