Belirli bir süre yükleniyor ifadesini gösteriyor ve arkaplanda sayfayı yükletiyoruz.
Süre geçtikten sonra yükleniyor ifadesi kayboluyor, sayfa hızlıca açılıyor.
Kod: Tümünü seç
<html>
<head>
<title>Örnek Çalısma</title>
</head>
<style>
#durum {width:100px;padding: 1px;background: white;border-right-width: 1px;border-bottom-width: 1px;
border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;
border-right-color: #666666;border-bottom-color: #666666;border-left-color: #666666;
}
#yuzdesi {font-family:Verdana; font-weight:bold; color:#6C6C6C; font-size:11px;}
.yukle{font-family: verdana;font-weight: bold;color: #666666;background-color: #F0F3E1;
width:260px;font-size:11px;padding:1px;border: 1px solid #666666;}
</style>
<script>
var kademe=2; // sayfanızda resim, yazı çok ise 2'ten küçük bir sayı girin
var yuzde=0;
function wmismail (){
yuzde=yuzde+kademe;
document.getElementById('gosterge').style.width=yuzde +"%";
document.getElementById('yuzdesi').innerHTML=yuzde + "%";
if (yuzde<100){setTimeout('wmismail()',20)}
else{
document.getElementById('yuklenmealani').style.display="none";
document.getElementById('ana').style.display="block";
}
}
</script>
<body Onload="return wmismail();">
<div id="yuklenmealani"
style="">
<div class="yukle">Sayfa Yükleniyor.</div><div id="durum" style="margin-bottom:5px; width:260px;"><div id="gosterge" style="width:0; background:#DFDFDF;"><span id="yuzdesi">0%</span></div>
</div>
</div>
<div id="ana" style="display:none;">
Sitemizin içerigi buraya gelecek<br>Sitemizin içerigi buraya gelecek<br>
Sitemizin içerigi buraya gelecek<br>Sitemizin içerigi buraya gelecek<br>
</div>
</body>
</html>ALINTIDIR
