從右到左調整jquery中的div

我想要動畫和調整div標記從右到左。從右到左調整jquery中的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將從右向左調整大小。

在此先感謝。

來源

2012-03-12 HarsH1610

這可能有所幫助：http://www.learningjquery.com/2009/02/slide-elements-in-different-directions – Johan 2012-03-12 12:42:42

@Johan謝謝！ – HarsH1610 2012-03-12 13:11:28

這都是你的CSS問題。將您的動畫元素包裝在position:relative元素中，並將其CSS設置爲position: absolute; bottom: 0; right: 0;。然後，你的動畫將顯示在所需的方向。請參閱：http://jsfiddle.net/9SJ4Q/

來源

2012-03-12 12:47:58 m90

從右到左調整jquery中的div

回答

相關問題