CSS-ohje:
  
  .vari3{
     color:GREEN;
  }  
 
 HTML- ja Javascript-koodaus: 
 
 <img onmouseover="isoKuva(this)" onmouseout="pieniKuva(this)" src="tripaali.jpg" width="64" height="64">

 <p>Siirrä hiiren osoitin yläkulman kuvan kohdalle ja pois.

 <p class="vari3" id="lahde" onmouseover="naytaLahde()" onmouseout="piilotaLahde()"> 
   Siirrä hiiren osoitin tälle tekstille


 <script>
  function isoKuva(x) {
    x.style.height = "128px";
    x.style.width = "128px";
  }
  function pieniKuva(x) {
    x.style.height = "54px";
    x.style.width = "64px";
  }
  function naytaLahde(){
    document.getElementById("lahde").innerHTML = 
	  "Kuva-esimerkki w3schcools.com sivustolta.";  
  }
  function piilotaLahde(){
    document.getElementById("lahde").innerHTML = 
      "Siirrä hiiren osoitin tälle tekstille";  
  }
 </script>