2011-11-25 145 views
2

切換內切換動畫時,默認情況下它總是從左向右滑動。jQuery在切換內動畫

如何從右向左滑動?

$("#subcontainer").toggle("slow", function(){  
    $('#subcontainer').delay(1000, function(){ 
     $(".innercontainer").animate({ 
      marginLeft: parseInt($(".innercontainer").css('marginLeft'),10) == 0 ? 
       $(".innercontainer").outerWidth() : 0 
     }); 
    }); 
}); 
+0

http://stackoverflow.com/q/596608/114029 –

回答

0

例如,你可以浮動innercontainer的權利,而不是marginLeft使用marginRight的動畫。這裏的小提琴:http://jsfiddle.net/SfjLk/

HTML風格(例如):

<div id="subcontainer">subcontainer</div> 
<div class="innercontainer" style="float:right">innercontainer</div> 

的javascript:

$("#subcontainer").toggle("slow", function() { 
    $(this).delay(1000, function() { 
     $(".innercontainer").animate({ 
      marginRight: parseInt($(".innercontainer").css('marginLeft'), 10) == 0 ? $(".innercontainer").outerWidth() : 0 
     }); 
    }); 
});