具有循环内容的CSS单页导航菜单

Question

所以这可能是两个问题。

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

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

我还希望主要内容在没有任何东西悬停时循环通过几组不同的内容。

只是好奇最好的方法是在页面加载时加载最少的负载。

修改：我们的目的是减少用户为提高转化率而必须执行的点击次数。

Answer 1

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

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