Para los que quieran un efecto de suavizado o difuminado al abrir y cerrar páginas web de vuestro sitio vamos a crear este efecto utilizando jQuery. Utilizando esta técnica obtendremos un estilo más elegante en las transiciones entre páginas de nuestro sitio web.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | $(document).ready(function() { $("body").css("display", "none"); $("body").fadeIn(2000); $("a.transicion").click(function(event){ event.preventDefault(); linkDestino = this.href; $("body").fadeOut(1000, redireccionarPag); }); function redireccionarPag() { window.location = linkDestino; } }); |
1 | <p>Ejemplo de uso: <a href="nuevapagina.html" class="transicion">abrir nueva página</a>.</p> |
