轉換排序在網頁上顯示的內容

尋找一種方法來做something like this。轉換排序在網頁上顯示的內容

當你點擊某個部分時，它會很好地轉換它們。

它會是一個JQuery插件或完成與CSS？

2013-05-09 Matt Dimopoulos

你可以用jQuery和CSS來完成，但CSS支持比jQuery中心解決方案稍差。

嘗試這樣的事情對與jQuery使用...

$('outerdiv').click(function() { 
    // `this` being the html element clicked on 
    $(this).fadeOut(function() { //After fadeOut completes, 

    $('.page-to-show').fadeIn(); //Fade in target page 

    }); 
});

讓我知道，如果你需要關於如何得到這個成立更多的建議。

來源

2013-05-09 23:24:50

謝謝！現在看起來，它只是淡出我不想要的部分，並淡入新的部分，並留下空白。我將如何獲得新的與剛剛淡出的空間重疊的空間？ – 2013-05-09 23:30:19

我會稍微更新我的代碼。您可以向這些動畫添加回調，以便在其他動畫完成後發生。就佔據相同的空間而言，您必須對頁面進行樣式設置，以便在轉換後頁面看起來正確。 – 2013-05-09 23:31:31

它看起來像你想要的東西沿着這個插件的行：Quicksand

來源

2013-05-09 23:28:52

轉換排序在網頁上顯示的內容

回答

相關問題