"Effetto fade" su un menù

[0-c00l]

Salve, vorrei realizzare una sorta di 'effetto fade' spesso ricorrente nelle slideshow, però mi servirebbe su un menù. Praticamente ho dei div per 'rappresentare' i link, ovviamente hanno anche un over nel quale cambia il colore di un particolare nell' immagine (l' immagine è il background di queste div). Messo così l' effetto non è dei più belli, è una cosa istantanea mentre mi piacerebbe realizzare una cosa piu'.. per così dire "scorrevole", ovvero quando si sposta il cursore del mouse fuori da quel div non torna IMMEDIATAMENTE l' immagine normale ma bensì c'è una sorta di dissolvenza. Non so se avete notato il nuovo 'menù' di megavideo (quello quando si passa il cursore nel player), passando sui vari button si può notare che non è una cosa istantanea.. Per capirci meglio il mio menù è questo: http://skypestatus.altervista.org/beateaters/

Come vedete il cambio istantaneo non è molto bello. Chiedo scusa per la pessima spiegazione, so che ci saranno già molti script, ma preferirei qualcosa (se possibile) da 0 per capirci anche qualcosa. Grazie a tutti in anticipo.

[roberto763]

io ho fatto qualcosa di simile così:

<script type="text/javascript">
$(function(){
$(".testo_menu").css({display : "none"});
$(".link_menu").hover(
function(){
$(this).find(".immagine_menu").fadeTo(500,0.2);
// modifica il 100 per rendere l'animazione più o meno veloce e lo 0.5 per rendere più o meno trasparente l'immagne (1 = 100%)
$(this).find(".testo_menu").fadeToggle(30);
// modifica il 500 per rendere l'animazione più o meno veloce

// puoi usare anche slideToggle (IDEM VALE PER SOTTO)
},
function(){
$(this).find(".immagine_menu").fadeTo(500,1);
$(this).find(".testo_menu").fadeToggle(30);
}
);
});
</script>

<div class="cat1">
<a class="link_menu"href="catalogo.php?cat=cat1">
[img]images/xxx.png[/img]
<div class="testo_menu">xxx</div>
</a>
</div>