Javascript 页到页转换

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

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

我不必回到第一页，所以我们不需要从第二页过渡到第一页

谁能帮忙吗。

---

谢谢

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

以下是三种算法：

当页面首次加载时，在“body”元素上添加淡入动画，并通过javascript触发页面上的所有链接。调用Javascript导航函数时，淡入页面，然后在动画回调上执行位置更改。因为所有的页面都有一个fadeIn，这将显示页面正在“转换”

（不可取）-迭代一个ID，在每个新请求上，在所有内容上方加载一个隐藏的iframe，并为其提供递增的ID。同样，在创建帧之前，对帧应用一个onLoad处理程序，并使其在加载帧时设置帧动画

使用AJAX将内容加载到容器中，您可以根据AJAX请求启动和得到响应的时间对其设置动画

---

我想你是在寻找算法，而不是代码样本。这就是废话

你写了什么代码？你试过什么？您想使用CSS解决方案吗？你研究过现有的jquery函数吗？是的，我尝试过jquery和CSS，但是我不能把它们用在不同的HTML页面上，我可以用在不同的div上。任何这些转换我都想用它来处理两页，而不是同一页上的div。好的，在这种情况下，我们可以对第一页做一些转换效果，比如第一页慢慢淡出，然后第二页可以加载。不确定你的意思。。。你能澄清一下吗？我想这就是我所描述的谢谢，我对编码很陌生，所以我无法理解它。