加載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與幻燈片效果

回答

相關問題