// Menyisipkan markup tabir animasi $(document.body).append('<div id="page-loader">Loading...</div>'); // Saat halaman aktif terpicu untuk berpindah/keluar menuju halaman lain... $(window).on("beforeunload", function() { // ... tampilkan tabir animasi dengan efek `.fadeIn()` $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000); });
#page-loader { position:fixed !important; position:absolute; top:0; right:0; bottom:0; left:0; z-index:9999; background-color:black; color:white; padding:1em 1.2em; display:none; }
<a href="http://www.dte.web.id">Test</a>