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

Question

我試圖了解這種菜單的工作原理： www.dantobinsmith.com/當將鼠標放在菜單項上時，如何使與其中一個菜單項關聯的頁面顯示？

Answer 1

查看網站的代碼庫，我發現開發人員主要是使用JavaScript / JQuery創建網站的，其中存在一個全屏導航，當將鼠標懸停在正確的導航上時，其內容就會淡出。

單擊導航項時，將刪除整個導航，並且內容以100％不透明度顯示。

該網站的IS奇怪地建立在Wordpress上以進行后端編輯，BootStrapper（getbootstrap.com）和JQuery以及任何其他JavaScript，都可以在這里找到http://www.dantobinsmith.com/wp-content/themes/dts/app.min.js檢查自己。

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>