切换中的jQuery动画

时间:2011-11-25 14:38:45

标签: jquery toggle

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

我如何从右向左滑动?

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

4 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

答案 3 :(得分:0)

看看,也许这会有所帮助

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