Change The Image When Mouse Out Using Onmousemove Event In JavaScript

  1. <html>  
  2.   
  3. <head>  
  4.     <script type="text/javascript">  
  5.         function mouseOver() {  
  6.             document.getElementById("b1").src = "Water lilies.jpg";  
  7.         }  
  8.   
  9.         function mouseOut() {  
  10.             document.getElementById("b1").src = "Sunset.jpg";  
  11.         }  
  12.     </script>  
  13. </head>  
  14.   
  15. <body>  
  16.     <a href="Onclick.html" target="_blank"> <img border="0" alt="Visit Onclick!" src="Water lilies.jpg" id="b1" width="260" height="260" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a>  
  17. </body>  
  18.   
  19. </html>