On hover意思

"on hover" 是一個常見的HTML事件屬性,用於指定當用戶將滑鼠懸停在某個元素上時應該執行的操作。這個屬性通常用於連結、按鈕或其他用戶互動元素,以提供額外的信息或功能。

例如,以下是一個基本的HTML連結,當用戶將滑鼠懸停在連結上時,會顯示一個工具提示:

<a href="#" onmouseover="showTooltip()">Hover me</a>

在這個例子中,當用戶將滑鼠懸停在連結上時,會調用JavaScript函式showTooltip()。這個函式負責顯示工具提示。

在CSS中,你也可以使用偽類選擇器:hover來指定當用戶懸停在某個元素上時應該套用的樣式:

a:hover {
  color: red;
  text-decoration: underline;
}

在這個例子中,當用戶將滑鼠懸停在連結上時,連結的顏色會變成紅色,並且會有下劃線。