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

Question

我想了解这种菜单是如何工作的：www.dantobinsmith.com/ 当您将鼠标放在它上面时，如何让页面与其中一个菜单项相关联？

Answer 1

，你可以用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> 

Answer 2

综观网站的代码库，我看到开发人员创建的网站主要是在JavaScript/JQuery的在悬停在正确的导航栏上时全屏导航会淡入内容。

点击导航项后，整个导航被删除，内容以不透明度100％出现。

该网站IS构建奇怪的Wordpress后端编辑，BootStrapper（getbootstrap.com）和jQuery和任何额外的JavaScript可以在这里找到http://www.dantobinsmith.com/wp-content/themes/dts/app.min.js检查自己。