Admin
 
 
Logo DIPLOX
Fade out las páginas cuando haces click en los enlaces
Volver Por curiosidades
  
Sábado, 21/12/2013
Fade out las páginas cuando haces click en los enlaces
La siguiente técnica muestra cómo realizar una transición entre páginas cuando se hace click en un enlace.

El ejemplo se logra con jQuery, añadiendo este script a cada una de las páginas que conformarán nuestro sitio web.
function nuevapagina (){
window.location = newLocation;
}
$(document).ready (function (){
$(´a´).click (function (e){
e.preventDefault ();
newLocation = this.href;
$(´body´).fadeOut (1500, nuevapagina);
});
$(´body´).fadeIn (1500);
});


Volver Por curiosidades