Estou tentando fazer este menu animado (https://minecraft.net/pt-br/).
Gifs para teste (pegar o ):
Eu gostaria de fazer assim, ao passar o mouse sobre o a ancora pegar os datas via jquery e atribuir no background style do span, substituindo o que ja esta por default nele e ao tirar o mouse voltar para o que ja estava nele.
Ou seja, trabalhar só com o data-over e com o data-out.
<a data-over="https://i.sstatic.net/sW2RX.gif" data-out="https://i.sstatic.net/TvBU6.gif">
<span style="background-image: url(https://i.sstatic.net/TvBU6.gif);"></span>
<span>Home</span>
</a>
Se alguém poder me ajudar.