鼠标悬停在菜单上时如何显示页面？

Question

我正在尝试了解这种菜单是如何运作的：www.dantobinsmith.com/ 当您将鼠标悬停在其上时，如何使与其中一个菜单项关联的页面出现？

Answer 1

查看网站的代码库，我看到开发人员主要在JavaScript / JQuery中创建了网站，其中有一个全屏导航，当悬停在正确的导航上时，内容会淡入内容。

单击导航项时，将删除整个导航，并且内容将以100％不透明度显示。

网站IS在Wordpress上构建奇怪的后端编辑，BootStrapper（getbootstrap.com）和JQuery，可以在http://www.dantobinsmith.com/wp-content/themes/dts/app.min.js找到任何其他的javascript来检查自己。

Answer 2

你可以用css：

来做

#input:hover { background-coler:blue; /*additional css for #input on hover */}

或javascript：

<div onmouseover="document.getElementById('input').style.backgroundColor='Blue';">
<input id="input">
</div>