css - 带有循环内容的 CSS 单页导航菜单

Question

所以这可能是两个问题合而为一。

我想使用 css 让我的导航菜单确定悬停时页面的内容。

因此，当您将鼠标悬停在“联系人”上时，它将在内容 div 中显示联系人表单。

我还希望主要内容在没有悬停的情况下循环浏览几组不同的内容。

只是好奇最好的方法是什么，并在页面加载时间上施加最少的负载。

编辑：这个想法是减少用户为了提高转化率而必须做的点击次数。

Answer 1

您需要将此问题分解为其组成部分并分别解决每个部分：

1. 如何自动循环浏览内容项（Javascript）
2. 如何显示/隐藏 div 以响应悬停事件（CSS 和/或 Javascript）
3. 可用性问题，例如当用户停止悬停但仍想阅读显示的 div 中的内容时会发生什么。