我想要从右到左制作动画并调整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将从右到左调整大小。
提前致谢。
答案 0 :(得分:8)
这完全取决于你的CSS。将动画元素包含在position:relative
元素中,并将其CSS设置为position: absolute; bottom: 0; right: 0;
。然后,您将以所需方向显示动画。请参阅:http://jsfiddle.net/9SJ4Q/