如何让'animate'使用jquery运行相反的方向

Question

这是我的代码：

$('#map_canvas').animate({width:'69.8%'},300);

这将从左到右，

如何从右到左制作？

感谢

Answer 1

你可以这样做：

$('#map_canvas').each(function() {
  var newLeft = $(this).width() * .302;
  $(this).animate({left: newLeft, width:'69.8%'},300);
});

You can give it a try here，我放慢了10倍以更好地看到效果。我们所做的只是计算元素的宽度* 30.2％，以查看它应该向左移动多远并同时为该属性设置动画。所有元素需求至少为position: relative才能实现。

上述内容适用于所有情况，但这个更简单的版本也适用于大多数案例：

$('#map_canvas').animate({left: '30.2%', width:'69.8%'}, 300);

Answer 2

要从右向左滑动，请再次将其宽度设为0：

$('#map_canvas').animate({width:'0'},300);