一个简单的 onmouseover-onmouseout 实例 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>

  <div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>

  <script>
    function mOver(obj) {
      obj.innerHTML = "Thank You"
    }

    function mOut(obj) {
      obj.innerHTML = "Mouse Over Me"
    }
  </script>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
​
  <div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
​
  <script>
    function mOver(obj) {
      obj.innerHTML = "Thank You"
    }
​
    function mOut(obj) {
      obj.innerHTML = "Mouse Over Me"
    }
  </script>
​
</body>
</html>