In entrambi i casi si tratta di rollover (un cambio immagine al passaggio del mouse)

Nel primo caso si tratta di un movie in flash - al passaggio del mouse si visualizza un'animazione


Nel secondo caso è un rollover creato con due immagini - una per lo stato "off" e una per lo stato "on" (che si visualizza al passaggio del mouse)

Non so con quale strumento stai costruendo il tuo sito - ma per esempio in dreamweaver esiste un modo molto semplice per inserire i rollover, vedi qui per un tutorial facile:

http://www.wdesign.altervista.org/rollover.php


tornando invece al primo caso ti posso suggerire di fare una ricerca nella sezione flash di html