All World Shops Logo

by phoenix_suresh

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
 Move mouse on image to Zoom In and Zoom Out
  <br />
  <img src="https://www.allworldshops.com/skin/frontend/default/galatitanshop/images/logo.png" alt="smile" id="imgSmile" />

JavaScript

$(document).ready(function(){
       $('#imgSmile').width(80);
       $('#imgSmile').mouseover(function()
       {
          $(this).css("cursor","pointer");
          $(this).animate({width: "110px"}, 'slow');
       });
    
    $('#imgSmile').mouseout(function()
      {   
          $(this).animate({width: "80px"}, 'slow');
       });
   });