如何在菜單上鼠標懸停時顯示頁面？

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檢查自己。