从右到左调整jquery中的div

Question

我想从右到左动画和调整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将从右到左调整大小.

提前致谢.

Answer 1

这完全取决于你的CSS.将您的动画元素包装在position:relative元素中,并将其CSS设置为position: absolute; bottom: 0; right: 0;.然后,您将以所需方向显示动画.请参阅:http://jsfiddle.net/9SJ4Q/