Efek Animasi Loading dengan jQuery
Efek loading/pemuatan halaman yang satu ini dengan efek jQuery yang sederhana namun terkesan menarik untuk diterapkan dalam pemuatan halaman blogger. seperti halnya pada blog ini menggunakan animasi klik dengan pemuatan halaman secara keseluruhan.
#page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999;
background:#fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgozAa1gVWT7JSo20S2DSuUtxBzW_SbgrjMUfUcL0yu3tJBgqgg-gwFvult_zRn3v7bN8olcuXQt-8gzo1NadsC5Mt3fot5unYyu4c9LcfSCJGHiaV5yDe2U59yCY9mbSyciEoDHndZ2rfL/s320/loading.gif') no-repeat 50% 30%;
color:white;
padding:1em 1.2em;
display:none;
text-shadow:none;
}
$(document.body).append('<div id="page-loader"></div>');
$(window).on("beforeunload", function () {
$('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000)
});
Sejauh ini belum ada komentar yang masuk. Mulailah memberikan saran, kritikan yang bersifat membangun.