Ejemplo onmouseover
HTML
<link rel="stylesheet" href="style.css" />
<h1>Ejemplo onmouseover</h1>
<p>Cuando pasamos por encima de la imagen, se modifica esta.</p>
<img
src="https://blog.appfolio.com/wp-content/uploads/2014/05/iStock_000026751594Small.jpg"
width="300px"
onmouseover="this.src='https://upload.wikimedia.org/wikipedia/commons/e/ea/Logo_Grupo_Imagen_Multimedia.2016.png';"
/>
CSS
body {
font-family: "Open Sans", sans-serif;
}