HTML5 可以通過鼠標事件來執行各種操作。鼠標經過事件是其中之一，可以讓用戶在鼠標經過某個元素時觸發相應的代碼，提高用戶交互體驗。 在 HTML5 中，鼠標經過事件有兩種方式：onmouseover 和 onmouseenter。兩者的區別在于 onmouseover 會在鼠標從外部進入元素時觸發事件，而 onmouseenter 只有在鼠標從外部進入到元素本身時才會觸發事件。 下面是一個例子，使用 onmouseenter 實現單擊按鈕顯示文本框的效果。 代碼如下：

<button onmouseenter="showInputBox()">顯示輸入框</button>
<div id="inputBox" style="display:none;">
<input type="text" placeholder="請輸入文本">
</div>
<script>
function showInputBox() {
document.getElementById("inputBox").style.display = "block";
}
</script>

在這個例子中，我們定義了一個按鈕，當鼠標經過按鈕時觸發 showInputBox() 函數。該函數會獲取 id 為 inputBox 的元素并將其樣式的 display 屬性設置為 "block"，從而顯示出文本框。 以上就是 HTML5 中使用鼠標經過事件的例子。通過鼠標經過事件，我們可以實現更加交互式的用戶體驗，提升頁面的用戶吸引力和使用價值。