首頁 > web前端 > html教學 > 當滑鼠指標在HTML元素上移動時,執行一個腳本?

當滑鼠指標在HTML元素上移動時,執行一個腳本?

PHPz
發布: 2023-08-30 09:29:17
轉載
1407 人瀏覽過

當滑鼠指標在HTML元素上移動時,執行一個腳本?

在HTML中,onmouseover #屬性在滑鼠指標移到元素上時觸發。

範例

您可以嘗試執行下列程式碼來實作onmouseover 屬性−

<!DOCTYPE html>
<html>
   <body>
      <h3 id = "myid" onmouseover = "display()">
         This is demo heading.
      </h3>
      <p>Keep the mouse cursor on the heading to change the color.</p>
      <script>
         function display() {
            document.getElementById("myid").style.color = "red";
         }
      </script>
   </body>
</html>
登入後複製

以上是當滑鼠指標在HTML元素上移動時,執行一個腳本?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板