ciao,
io non sono esperto di javascript e quindi nel tuo problema specifico non saprei aiutarti.
Ma un comportamento simile lo ottengo facilmente lavarando con i file css, e in particolare usanto la proprieta' "hover" e impostando 1diverso background-image, per quel tag.
Ti posto qui 1piccolo esempio, magari ti puo' tornare utile:
<html>
<head>
<style type="text/css" >
#links a {
padding:5px;
background-image:url('C:\WINDOWS\system32\oobe\images\nextdown.jpg');
background-repeat:no-repeat;
}
#links a:hover {
padding:5px;
background-image:url('C:\WINDOWS\system32\oobe\images\nextoff.jpg');
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div id="links">
<a href="#">elemento1</a>
<a href="#">elemento2</a>
<a href="#">elemento3</a>
</div>
</body>
</html>
ovviamente tu devi impostare le 2 immagini correttamente, questo è solo 1esempio (spero che tu abbia le 2 img di windows, eventualmente cambia subito il path per capire il funzionamento)
ciao.
Matteo Raumer
[MCAD .net]
http://blogs.dotnethell.it/freeteo