Aşağıda basit bir resim hover (Fare üzerine gelindiğinde farkı, fare üzerinde değilken farklı davranmayı sağlayan özelliklere hover deniyor) örneği görülmektedir :
<html> <head> <script language="javascript"> function over(){ document.test.src="test2.gif"; } function out(){ document.test.src="test1.gif"; } </script> </head> <body> <img src="test1.gif" name="test" onMouseOver="over()" onMouseOut="out()"></img> </body> </html>
test adındaki resmin üzerine fare ile gelindiğinde over fonksiyonu , fare üzerinden ayrıldığında ise out fonskiyonu çalışmaktadır. over fonskiyonu test adındaki resim nesnesinde gözüken resmi test2.gif yapmaktadır. out fonskiyonuda ise test adındaki resim nesnesinde gözüken resmi test1.gif yapmaktadır. Bu şekilde fare resim üzerinde gelindiğinde test2.gif , çekildiğinde (normal durumda) test1.gif resmi gözükecektir.