Question

我的计划是有一个内容DIV，在div中我将通过AJAX加载内容。我希望已经加载的页面向左滑动，使用circle.gif淡入加载页面，然后淡入新内容，依此类推其他页面。

我有这个代码，但是它上面而不是左边，我认为没有scrollLeft。

$("#someDiv").slideUp("slow").load('blah.html', function() {
    $(this).slideDown("slow");
});

还有这一个：

$('.cont a').click(function() {
        var page = $(this).attr('href');
        $('.p-list').prepend('<div class="loader"> </div>');
        $('.p-list').slideUp("slow").load(page +" .proj", function() {
             $(this).fadeIn("slow"); //or show or slideDown
        });
        return false;
});

Answer 1

将animate与left属性一起使用，如下所示：

$("#someDiv").slideUp("slow").load('blah.html', function() {
    $(this).animate({'left' : 'show'});
});

根据您的需要，您还可以将right，margin-left，margin-right与show一起使用。

要通过水平滑动隐藏它们，请改为使用hide值。

确保首先隐藏元素并为这些属性设置适当的CSS值。

使用幻灯片效果加载AJAX

1 个答案: