从右到左调整jquery中的div大小答案

【问题标题】：Resize div in jquery from right to left从右到左调整jquery中的div大小
【发布时间】：2012-03-12 12:37:29
【问题描述】：

我想要为 div 标签设置动画并从右到左调整大小。

默认情况下，我从示例中学习并发现它从左到右调整大小，但根据项目要求，我们希望它按从右到左的顺序排列。

我写的代码是：

<script type="text/javascript"> 
$(document).ready(function()
{
   $("button").click(function()
   {
      $("div#div1").animate({height:166},5000);
      $("div#div1").animate({width:800},5000);
   });
});
</script> 

<div id="div1" style="background:url(stripes.JPG);height:0px;width:0px;position:relative;" hidden="hidden">

这在从左到右的动画中效果很好；请建议类似的方法，其中 div 将从右到左调整大小。

提前致谢。

【问题讨论】：

这可能会有所帮助：learningjquery.com/2009/02/…

标签： jquery html jquery-ui jquery-selectors

【解决方案1】：

这完全取决于您的 CSS。将动画元素包裹在 position:relative 元素中，并将其 CSS 设置为 position: absolute; bottom: 0; right: 0;。然后您的动画将显示在所需的方向。见：http://jsfiddle.net/9SJ4Q/

【讨论】：