Question

在切换中尝试动画时，默认情况下它始终从左向右滑动。

我如何从右向左滑动？

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

Answer 1

从您粘贴的代码和您提出的问题看来，您可能需要仔细查看以下教程 - ＆gt; http://www.learningjquery.com/2009/02/slide-elements-in-different-directions

阅读该内容然后更新您的代码，然后如果您遇到困难，请回复您理解的代码

Answer 2

例如，您可以向右浮动内部容器，而不是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
        });
    });
});

Answer 3

检查下面它会帮助你

http://api.jquery.com/animate/

http://www.visualjquery.com/

Answer 4

看看，也许这会有所帮助

http://jsfiddle.net/3kPXU/1/

切换中的jQuery动画

4 个答案: