从右到左调整jquery中的div

时间:2012-03-12 12:37:29

标签: jquery html html5 jquery-ui jquery-selectors

想要从右到左制作动画并调整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将从右到左调整大小。

提前致谢。

1 个答案:

答案 0 :(得分:8)

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