Ho un link grafico realizzato con un'immagine di sfondo che applico via CCS. All'onMouseOver vorrei attivare una seconda classe che di fatto "shifta" l'immagine di sfondo in modo da mostrare lo stato "ON" del link.

Via CSS è banale, ma tale effetto può avvenire solo in tempo reale. Volevo usare JQuery (e magari JQueryUI) per rendere tale transizione graduale.

Il seguente codice (per comodità, l'azione è sul "click"), mostra ciò che vorrei ma non è perfetto.

codice:
  $(document).ready(function()
  {
     $('.link_info_utili').bind('click',function()
     { 
        $('.link_info_utili').removeClass().addClass('prova',1000); 
     });
  });
Io vorrei che il passaggio da una classe all'altra fosse con una sorta di dissolvenza incrociata, e non come tale effetto in cui di fatto scompare il link (grazie al removeClass) e poi ricompare "srotolandosi dall'altro e diventando sempre più opaco" nello stato ON (grazie all'addClass)

Avete indicazioni da darmi?