隐藏和显示动画内容：创建具有过渡效果的HTML页面

Question

我正在尝试制作一个以书籍形式展示内容、具有翻页动画的网站。对于每个“页面”的内容，有不同的svg图片进行动画处理；我不确定如何进行操作。

基本上，有没有办法按照我想要的方式显示和隐藏内容，而不必为每个“页面”创建一个html文件？顺序有点重要，我不希望谷歌将我的网站链接到一些随机位置。谢谢！

我在考虑一种旋转木马，但是幻灯片是整个页面，支持动画内容、动画过渡，并且其中有文本。我对前端开发相对较新，如果我看到答案也不会知道。如果这是错误的论坛，对不起。

Answer 1

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

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