CORETAN NEWBIE MEMBUAT EFEK LOADING
<!-- Loading -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<style>
#Loading-halaman {
position: fixed;
top: 0;
left: 0;
background-color: #000;
opacity: 0.9;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 200px;
font-size: 25px;
color: #fff;
display: none;
}
</style>
<script type="text/javascript">
$(function() {
$(document.body).append('<div id="Loading-halaman">Loading Sek Gan Sabar.......</div>');
$('a').click(function() {
$('#Loading-halaman').fadeIn(800).delay(8000).fadeOut(1200);
});
});
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<style>
#Loading-halaman {
position: fixed;
top: 0;
left: 0;
background-color: #000;
opacity: 0.9;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 200px;
font-size: 25px;
color: #fff;
display: none;
}
</style>
<script type="text/javascript">
$(function() {
$(document.body).append('<div id="Loading-halaman">Loading Sek Gan Sabar.......</div>');
$('a').click(function() {
$('#Loading-halaman').fadeIn(800).delay(8000).fadeOut(1200);
});
});
</script>
<!-- End Loading -->
Untuk Cara memasang Script diatas Letakkan diantara <head> dengan </head>
Contohnya :
<html>
<head>
Disilah Script Loading auto diletakkan
</head>
<body>
</body>
</html>
Dan untuk jquery.min.js letakkan didalam folder js jika belum ada folder js silakan buat dulu dan Untuk download jquery.min.js DISINI
NB : Akan tetapi loading tersebut biasanya mempengaruhi loading halaman website anda , alangkah baiknya tidak memasang loading page seperti ini , tapi jika anda pingin website anda menarik dengan dikasih variasi variasi ya tu hak anda hahahahhahahahahahaha.......
