javascript - jQuery从左到右减小宽度

Question

您好，我有一个宽度为 500 像素的 DIV。

我正在尝试将动画的宽度从 500px 减小到 0px，然后再从 0px 减小到 500px。

唯一的问题是，DIV 从右向左减少。

我想要相反的东西。

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

我怎么能用 jQuery 做到这一点？

谢谢你的帮助

已编辑

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

score 1 · Accepted Answer

这是可能的，但你需要使用，在这里position: absolute看我的小提琴

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

score 0 · Accepted Answer

你在为此努力吗

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

score 0 · Accepted Answer

看这个例子小提琴：http: //jsfiddle.net/TC9Mn/

这个想法是将你的元素包装在一个容器中，position: relative并分配给你想要动画position: absolute和right: 0

这样宽度从左到右变化

score 0 · Accepted Answer

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

4 回答 4