Animierte Inhalte ein- und ausblenden: Erstellen Sie HTML-Seiten mit Übergangseffekten

Question

Ich versuche, eine Website zu erstellen, die Inhalte in Form eines Buches mit Animationen zum Umblättern von Seiten anzeigt. Es gibt verschiedene SVG-Bilder, die für den Inhalt jeder „Seite“ animiert werden können. Ich bin mir nicht sicher, wie das geht.

Gibt es grundsätzlich eine Möglichkeit, Inhalte so anzuzeigen und auszublenden, wie ich es möchte, ohne für jede „Seite“ eine HTML-Datei erstellen zu müssen? Die Reihenfolge ist etwas wichtig, ich möchte nicht, dass Google meine Website mit einem zufälligen Ort verlinkt. Danke!

Ich habe an ein Karussell gedacht, aber die Diashow umfasst die gesamte Seite, unterstützt animierte Inhalte, animierte Übergänge und enthält Text. Ich bin relativ neu in der Frontend-Entwicklung und wüsste die Antwort nicht, wenn ich sie sehen würde. Tut mir leid, wenn das das falsche Forum ist.

Answer 1

是的，完全可以按照您的要求显示和隐藏内容，而无需为每个“页面”创建一个html文件。

网页中有许多事件，如点击、悬停、鼠标离开、滚动等。如果您希望，可以使用这些事件并使用JavaScript添加事件监听器来隐藏或显示同一html页面中的内容。我相当确定这也适用于动画内容。