導航到下一頁時是否可以創建第二個CSS轉換？

-3

當我的主頁加載時，我正在使用一些CSS轉換來面對內容。我通過使用JavaScript向具有轉換的元素添加類的JavaScript開始轉換。我正在尋找動態加載下一組頁面，並想知道是否可以爲第二頁面加載設置一個新的轉換，以在當前頁面上的元素上淡出轉換。導航到下一頁時是否可以創建第二個CSS轉換？

這可能嗎？

來源

2015-09-09 user3344734

[「如果您的問題與您編寫的代碼一致，則應包含一些代碼。」]（http://stackoverflow.com/help/how-to-ask） –

代碼編寫沒有問題，因爲我不確定從哪裏開始。 – user3344734

「我通過使用JavaScript向具有轉換的元素添加一個類來開始轉換。」聽起來像寫給我的代碼。 –

是的，如果您使用ajax加載下一頁，您可以淡出主容器，並且當下一頁html來自ajax請求時，您可以先替換容器html，然後執行淡入相同的容器。

如果您使用jQuery作爲例子，在fadeOut完成後，您的容器顯示將爲「none」，因此當您添加新的html時，用戶將看到空容器，直到您運行fadeIn和整個容器與效果:)

來源

2015-09-09 21:45:35

如果我有一個有兩個子容器的容器，我可以讓它們淡出不同的過渡嗎？我基本上有三條線在頁面加載時繪製，當加載下一頁時，我想在下一頁加載時以相同的方式繪製它們（當然是相反的）。 – user3344734

當然，你可以單獨做，但我建議你使用jQuery fadeIn和fadeOut而不是css3過渡，它會很簡單，你也有一個淡入淡出的過渡回調，你不需要使用很多css行碼。只要淡出並淡入你想要的時候就可以了。你不需要這個jQuery UI插件，fades函數附帶jQuery :)試着清楚你的代碼，你可以有一個函數接收一個url，你爲你想要的頁面提供html，淡入淡出取出容器，添加html並淡入其中，並將其用於家庭和網頁。 –

請讓我知道，如果你需要一些示例代碼:) –

再出現我不知道確切地瞭解，但是你可以：次使用jQuery的.animate（），然後.queue（）如果你只需要一個視覺褪色

$('.activepage').animate({opacity: 0},200).removeClass('activepage').queue(function(){ 
    $('#mysecondpage').addClass('activepage').animate({opacity: 1}, 200); 
    $(this).dequeue();}); 
    };

請詳細解釋你想要做什麼。

來源

2015-09-09 22:03:27

導航到下一頁時是否可以創建第二個CSS轉換？

回答

相關問題