JavaScript hover 功能是指當滑鼠指標停留在某個元素上時，可以執行指定的動作，例如顯示提示資訊、變更元素樣式等。這項功能在網頁設計中非常常見，可以提供使用者更好的互動體驗。若要在 HTML 中實作 JavaScript hover 功能，可以依照下列步驟操作。
第一步：寫 HTML 程式碼
首先，需要寫基本的 HTML 程式碼，包含需要實作 hover 功能的元素。例如，我們可以建立一個簡單的 div 元素，如下所示：
这是一个 div 元素
第二步：新增 JavaScript 程式碼
接下來，需要新增 JavaScript 程式碼來實作 hover 功能。可以將 JavaScript 程式碼放在 HTML 檔案的 head 元素中，也可以放在外部的 .js 檔案後再引用。例如，以下是一段簡單的 JavaScript 程式碼：
const myDiv = document.getElementById("myDiv"); myDiv.addEventListener("mouseover", function() { myDiv.style.backgroundColor = "red"; }); myDiv.addEventListener("mouseout", function() { myDiv.style.backgroundColor = "white"; });
這段程式碼首先透過document.getElementById("myDiv")方法取得到 id 為 "myDiv" 的元素。然後，透過addEventListener()方法為該元素新增兩個事件監聽器。第一個監聽器是mouseover，表示當滑鼠指標停留在該元素上方時觸發的事件。當事件觸發時，我們可以透過style.backgroundColor方法設定該元素的背景色為紅色。第二個監聽器是mouseout，表示當滑鼠指標離開該元素時觸發的事件。當事件觸發時，我們可以將背景色重新設定為白色。
這段程式碼的效果是，當滑鼠指標停留在該 div 元素上時，其背景色變成紅色，滑鼠指標離開時背景色恢復為白色。
第三個步驟：呼叫 JavaScript 程式碼
最後，需要將 JavaScript 程式碼與 HTML 頁面連接起來，以讓 hover 功能生效。可以透過以下方式呼叫 JavaScript 程式碼：
