vedi esempio qui: http://jsbin.com/edepik/5/edit

codice js/jQuery

codice:
$('a').on('click', function(evt) {
  
  evt.preventDefault();
  
  var _self = this,
      anims = [];
  anims.push($('#div1').animate({ left: "100px" }).promise());     
  anims.push($('#div2').fadeOut(2500).promise());
  anims.push($('#div3').fadeOut(1500).promise());

  
  $.when.apply(null, anims).done(function() {
      parent.location.href = _self.href;    
  });
  
});
tre div vengono animati con transizioni di differente durata al click sul link in alto (google) : al termine di tutti e tre gli effetti il browser effettua il cambio pagina.