$(document).ready(function(){
            $(".button").hover(function(){
                $(".button img")
                .animate({top:"-10px"}, 300).animate({top:"-4px"}, 300) // first jump
                .animate({top:"-7px"}, 200).animate({top:"-4px"}, 200) // second jump
                .animate({top:"-6px"}, 200).animate({top:"0px"}, 400); // the last jump
            });
        });