olá , gostaria de fazer um efeito que quando passa o mouse por cima da imagem troque por outra , porém esta parte já sei , agora gostaria de saber como faço , para ela fazer um efeito de rolamento mais lento e vindo da esquerda cobrindo a imagem , alguém pode me ajudar ?

Oi gente, tudo bem?
Eu estou desenvolvendo um site e tô com um problema no menu que não consigo resolver. Na verdade quero modificar uma coisa e não consigo. Tô usando o código
<label for='tm'> <img src="icones/menu_on.png"
onMouseOver="this.src='icones/menu_off.png'"
onMouseOut="this.src='icones/menu_on.png'"
width="61" height="40"/>
</label>
 
Só que o problema é que eu queria que, no momento em que o menu estivesse aberto, o ícone fosse de um X e não o mesmo do início.
O que devo fazer?