Question

我的代码中有3个html文件。目前，我将标签用作a链接，并希望为页面切换添加动画。

我正在使用materialize，但找不到如何为其添加动画的方法。

任何人都可以帮忙吗？（我想当我单击index.html中的按钮时，它会动画，例如向右滑动，然后更改为menu.html）

这是index.html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel = "stylesheet" type="text/css" href = "Sources/bootstrap.css">

    <link rel = "stylesheet" type="text/css" href = "Sources/Matirialize.css">
    <script type = "text/javascript"
            src = "Sources/jquery-2.1.1.js"></script>
    <script src = "Sources/Matirialize.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src = "jquery.js"></script>
</head>
<body>
<a class="waves-effect waves-light btn">button</a>
</body>
</html>

这是menu.html代码：

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>
<p>this is supose to be the menu page</p>
</body>
</html>

Answer 1

在正常情况下，您无法为两个单独的HTML页面之间的过渡创建动画，因为浏览器会“摆脱”第一页并在开始加载第二页之前（因此，在加载第二页之前）停止所有代码。代码开始运行）。基本上，在页面之间的时间内，您无法运行自己的代码来创建动画。

但是，如果您查看评论中发布的链接לבנימלכה，您可以通过以下方法来解决此问题：使浏览器以特殊方式加载新页面，然后将其插入浏览器窗口（而不只是具有a链接）。

如何添加动画以实现页面？

1 个答案: