页到页转换

Page to Page Transition

本文关键字：转换更新时间：2023-09-26

我有两个不同的页面。index . htmlpage2.html

我在index。html上有一个按钮它会把我们带到page2。html，但这是一个直接的过渡。当我在寻找一个渐变在过渡发生时，第一页切换到第二页。

我不需要回到第一页，所以我们不需要从第二页到第一页的任何过渡。

有谁能帮忙吗?谢谢你

有三种方法可以做到这一点。如果浏览器在地址栏中加载新页面，除了在新页面上使用渐隐和渐入外，你不能从一个页面过渡到另一个页面。但是，还有另外两种方法可以让页面加载的动画运行。第一种方法是完全不可取的，因为它使用iframe，并且会使框架和加载它的页面之间的通信复杂化。

以下是三种算法:

在"body"元素上添加一个淡出动画，当页面第一次加载时，通过javascript触发页面上的所有链接。当调用Javascript导航函数时，淡出页面，然后在动画回调中执行位置更改。由于所有的页面都有渐隐，这将显示页面正在"过渡"。
(不可取)-迭代一个ID，并在每个新请求上加载一个隐藏的iframe，并给它增加ID。另外，在创建帧之前，为帧应用onLoad处理程序，并使其在加载时使帧动画化。
使用AJAX将您的内容加载到容器中，您可以根据AJAX请求何时启动并获得响应来动画它。

我想你是在寻找算法，而不是代码样本。所以才有这么多废话。