Untitled

<style>
        img{
            width: 6%
        }
    </style>
</head>

<body>
   <img src="Bulbasaur_XY.gif" id="i">

   <script>
       var imagem = document.getElementById('i')
       imagem.addEventListener('mouseenter', entrar)
       imagem.addEventListener('mouseout',sair)

       function entrar(){
        document.getElementById('i').src="Bulbasaur_XY_AttackAnimation_Sprite (1).gif"
       }
       function sair(){
        document.getElementById('i').src="Bulbasaur_XY.gif"
       }
   </script>
</body>