HTML onmousemove Event Attribute

Description

The event attribute onmousemove allows you to set the script to fire while the mouse pointer moves over an element.

Syntax

<element onmousemove="script">

Values

scriptThe name of the script to use when the event has been triggered.

Example

HTML

<!DOCTYPE html> 
  <html> 
    <head>
      <title>onmousemove event</title> 
      <style> 
      img {
        width: 60px;
        height: 60px;
      }
      </style> 
    </head> 
    <body> 
    <p>To demonstrate the onmousemove event attribute, hover over the image:</p>
    <img onmousemove="enlarge(this)" onmouseout="normal(this)" src="2.png" alt="CSS"> 
    <p>After you remove the mouse pointer from the image, a script will be run that is set to the onmouseout event attribute, which will return the original image size.</p>
<script> 
function enlarge(x) {
  x.style.height="120px"; 
  x.style.width="120px";   
} 
function normal(x) {
  x.style.height="60px"; 
  x.style.width="60px";   
} 
</script> 
  </body> 
</html>

Result