JSFiddle - React, Tailwind, and code Playground

by marhaba

HTML

<br /><br /><br /><br /><br /><br />
<img id="bounceimg" src="http://www.google.com/images/srpr/logo3w.png" width="144" height="48" border="0" />
<br /><br /><br /><br /><br /><br />
<img id="zoomimg" src="http://www.google.com/images/srpr/logo3w.png" width="144" height="48" border="0" />

JavaScript

$('#bounceimg').mouseenter(function() {
    $(this).effect('bounce',500);
});

$('#bounceimg').mouseleave(function() {
    $(this).stop(true,true);
});

$('#zoomimg').mouseenter(function() 
       {
          $(this).css("cursor","pointer");
           $(this).animate({width: "50%", height: "50%"}, 'slow');
       });
    
    $('#zoomimg').mouseleave(function()
      {   
          $(this).animate({width: "28%"}, 'slow');
   });