加载AJAX与幻灯片效果

我的计划是有一个内容的DIV，并在该div我会通过AJAX加载内容。我希望已加载的页面向左滑动，使用circle.gif淡入装入页面，然后淡入新内容，以此类推其余页面。加载AJAX与幻灯片效果

我有这段代码，但它到顶部不是左边，我没有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; 
});

来源

2012-06-28 Manuel Pc

考虑将CSS用于动画，除非它对应用程序的功能至关重要。 – Greg

你能展示你的代码的[小提琴]（http://jsFiddle.net）吗？ – AbstractChaos

嗨，这里是我的尝试 http://jsfiddle.net/viciosogb/DPrb5/ –

使用animate与left属性是这样的：

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

您也可以作为依据值使用right，margin-left，margin-right与show您的需求。

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

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

来源

2012-06-28 11:14:39 Blaster

嗨谢谢回答，这里是我想要实现的尝试 http://jsfiddle.net/viciosogb/DPrb5/ –

加载AJAX与幻灯片效果

回答

相关问题