JavaScript hover 功能是指當滑鼠指標停留在某個元素上時，可以執行指定的動作，例如顯示提示資訊、變更元素樣式等。這項功能在網頁設計中非常常見，可以提供使用者更好的互動體驗。若要在 HTML 中實作 JavaScript hover 功能，可以依照下列步驟操作。
第一步：寫 HTML 程式碼
首先，需要寫基本的 HTML 程式碼，包含需要實作 hover 功能的元素。例如，我們可以建立一個簡單的 div 元素，如下所示：
<div id="myDiv">这是一个 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 程式碼：
