从右向左调整jquery中的div大小

从右向左调整jquery中的div大小,jquery,html,jquery-ui,jquery-selectors,Jquery,Html,Jquery Ui,Jquery Selectors,我想从右到左设置div标记的动画并调整其大小 默认情况下,我从示例中学习,发现它从左到右调整大小,但根据项目要求,我们希望按从右到左的顺序进行调整 我写的代码是: <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { $("div#div1").animate({height:166},5000); $("div#

想从右到左设置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">

$(文档).ready(函数()
{
$(“按钮”)。单击(函数()
{
$(“div#div1”)。制作动画({height:166},5000);
$(“div#div1”).animate({width:800},5000);
});
});
这在从左到右的动画中效果很好;请建议类似的方法,div将从右向左调整大小


提前谢谢。

这都是你的CSS的问题。将动画元素包装在
位置:相对
元素中,并将其CSS设置为
位置:绝对;底部:0;右:0。然后,您的动画将以所需的方向显示。请参阅:

这可能会有帮助: