Javascript jQuery从左到右缩小宽度

你好，我有一个500像素宽的DIV

我试图通过动画将宽度从500px减小到0px，然后再从0px减小到500px

只有一个问题，即DIV从右向左减小

我想要相反的东西

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

我如何使用jQuery实现它

谢谢你的帮助

已编辑

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

---

这是可能的，但您需要使用

位置：绝对值

，请参见我的小提琴

---

这是可能的，但您需要使用

位置：绝对值

，请参见我的小提琴

---

你是在努力吗

---

你是在努力吗

---

请参见此示例fiddle：

其思想是将元素包装在一个容器中，容器中包含

position:relative

，并指定给要设置动画的元素

position:absolute

和

right:0

---

通过这种方式，宽度从左向右变化

请参见本例小提琴：

其思想是将元素包装在一个容器中，容器中包含

position:relative

，并指定给要设置动画的元素

position:absolute

和

right:0

---

通过这种方式，宽度从左到右改变

试试这个，可以使用

css3

而不使用任何javascript/jquery代码。下面是我的小提琴。
使用

@keyframe

和

动画

属性

---

试试这个，可以使用

css3

而不使用任何javascript/jquery代码。下面是我的小提琴。
使用

@keyframe

和

动画

属性

---

刚刚添加了我的jQuery codeuse style=“position:absolute；在图像上刚刚添加了我的jQuery codeuse style=“position:absolute；在照片上，这对你在IE中有用吗？在Chrome中为我做了，但在IE中没有：）啊，请注意，@关键帧就是一切，但IE看到这个链接了吗？曾经在IE中对你有用吗？在Chrome中为我做了，但在IE中没有：）啊，请注意，@关键帧就是一切，但IE只看到一次这个链接

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

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