[JS] Efekt powolnej zmiany obrazka (przycisku)

[PioPi0]

Przeglądając stronę http://www.lockerz.com.pl/ spodobał mi się prosty i dość ciekawy efekt. Chodzi o przyciski w headerze. Po najechaniu na niego powoli się pojawia, a po zjechaniu tak samo znika.
Podobną rzecz zauważyłem także na stronie http://www.cdaction.pl/ - pod przyciskami pojawia się podświetlenie. Efekt ma dużo zastosowań, dlatego proszę was o podanie skryptu (prawdopodobnie w js).

Pozdrawiam

[mateo]

W head

Kod:

<SCRIPT language='JavaScript'>
<!--

  if (document.images)
   {
     pic1on= new Image(71,106);
     pic1on.src="images/obrazek_po_najechaniu.jpg";
     pic1off= new Image(71,106);
     pic1off.src="images/obrazek_przed_najechaniem.jpg";




   }

function lightup(imgName)
{
   if (document.images)
    {
      imgOn=eval(imgName + "on.src");
      document[imgName].src= imgOn;
    }
}

function turnoff(imgName)
{
   if (document.images)
    {
      imgOff=eval(imgName + "off.src");
      document[imgName].src= imgOff;
    }
}

//-->
</SCRIPT>

i w body

Kod:

<a href='index.php' onFocus="blur()" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')"><img src='images/obrazek_przed_najechaniem.jpg' border='0' name='pic1' style='margin-right: 50px;'/></a>