Javascript 导航到下一页时，是否可以创建第二个CSS转换？

当我的主页加载时，我会使用一些CSS转换来面对内容。我使用javascript启动转换，该javascript向具有转换的元素添加一个类。我想动态加载下一组页面，不知道是否可以为第二个页面加载设置一个新的转换，使当前页面上的元素淡出以“反转”转换

---

这可能吗

是的，如果使用ajax加载下一页，可以淡入主容器，当下一页html来自ajax请求时，可以首先替换容器html，然后在同一容器上执行淡入

---

例如，如果您使用jQuery，在淡出完成后，您的容器显示将为“无”，因此当您添加新的html时，用户将看到空容器，直到您运行淡出，整个容器再次显示，效果如下：）

我不确定是否完全理解，但您可以： -如果只需要视觉淡入，请使用jquery.animate（）和.queue（）

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

---

请准确解释您想要做什么。

编写的代码没有问题，因为我不确定从何处开始。“我通过使用javascript在元素中添加一个类来启动转换。”对我来说，这听起来像是编写的代码。是的，如果你读了我的帖子，它会说我已经完成了实现的第一部分，而且工作没有问题。我的问题是如何开始第二阶段，如果可能的话。你的问题是你试图用现有的代码实现一些新的东西。这个问题很难回答，如果没有你已经在使用的参考框架，这个例子也很难演示。如果我有一个包含两个子容器的容器，我可以让它们随着不同的转换而淡出吗？我基本上有三行在pageload上绘制，当加载下一页时，我想在下一页Load上以相同的方式绘制它们（当然是相反的方式）。当然，您可以单独绘制，但我建议您使用jQuery fadeIn和fadeOut而不是css3转换，这将很简单，您还有一个淡入淡出过渡的回调，不需要使用很多css代码行。只要淡出，淡出你想要的。您不需要jQuery UI插件，fades函数随jQuery一起提供：）请尝试在代码中澄清，您可以使用一个函数，该函数接收url，在其中为您想要的页面提供html，该函数淡出容器，添加html并再次淡入其中，如果你需要一些示例代码，请告诉我：）一些可以随意使用的示例代码将有助于我的理解：）