Pazar , Aralık 17 2017
Anasayfa / Notlar / Sayfa Yükleniyor

Sayfa Yükleniyor

<body> tagından sonda aşağıdaki kodu attık

<div class=”loader”></div>

 

Css Dosyamızın içine veya head tagları arasına aşağıdaki kodu atıyoruz

 

<style type=”text/css”>

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(‘/images/page-loader.gif’) 50% 50% no-repeat rgb(249,249,249);
}

</style>

 

</head> tagından önde aşağıdaki konu ekliyoruz

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script> <script type=”text/javascript”> $(window).load(function() { $(“.loader”).fadeOut(“slow”); }) </script>

 

Loading olarak bunu veya istediğimiz herhangi bir loading görselini images klasörüne atıyoruz.
page-loader

 

About webbocugu

Check Also

HTML5 ile Sadece Sayı, Rakam Girilen Input Yapmak

HTML5’in getirdiği yenilikleri kullanarak sadece sayısal değerlerin girildiği bir input alanı oluşturacağız. Input alanına sadece …

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir