jquery - 使用 jquery 平滑地增加图像的大小

Question

我有几张图片会在页面上相互重叠。我希望这些元素之一根据某些事件慢慢变大。

为此，我使用 jquery .animate 方法，如下所示:

$('#right').animate({ "width": width + "%"}, "slow");

但是，当我这样做时，图像确实变大了，但有时图像会变大，然后再缩小到合适的大小。这根本不是一个平稳的增长。

可以看到my full example , 请务必单击“增长”按钮以增加大小并查看故障。

Answer 1

也许这就是您正在寻找的:

http://jsfiddle.net/7bEdh/5/

$('#grow').click(function () {
      var right = $('#right');
      right.show("fast");
      var width =  parseInt(100 * right.width() /right.parent().width() + 10,10);
      $('#right').animate({
          "width": "+="+ width 
      }, "slow");
      $('#text').html(width);
  });