JSFiddle - React, Tailwind, and code Playground

HTML

<a href="in" style="position:absolute;">
<img src="http://myrrix.com/wp-content/uploads/2012/06/stackoverflow.png" id="perlabot" />
</a>

JavaScript

$(function () {

            $('img').effect("shake", {
                times: 10,
                distance: 3
            }, 2000);
    var active = false;
    $('#perlabot').on('mouseenter', function () {
        if (active === false) {
            active = true;
            $(this).effect("shake", {
                times: 2,
                distance: 3
            }, 520);
        }
    }).mouseleave(function () {
        active = false;
    });

});