کد لودینگ صفحه سایت

کد لودینگ صفحه سایت با این کد به راحتی میتوانید یک تصویر لودینگ قبل از لود شدن کامل صفحه برای کاربرانتان ایجاد کنید.این کد درواقع برای زیبا سازی سایت اهمیت دارد در غیر اینصورت کاربردی ندارد.این کد یکی از کدهای کاربردی و کم حجم میباشد امیدوارم  که خوشتون بیاد…   ۸-)

کد لودینگ صفحه سایت
کد لودینگ صفحه سایت

دمو کد

اموزش کد

کد را باید در دو قسمت جاساز کنید یکی اول قالب قبل از بسته شدن تگ </head> و دیگری قبل از بسته شدن تگ </body>  قرار دهید.

کد زیر را در هد سایت قرار دهید(head)

<div style="position:absolute;top:-200%;"><h1><a  href="https://codebazan.ir/">&#1705;&#1583;&#1576;&#1575;&#1586;&#1575;&#1606;</a></h1></div><div id="codebazan-loading" style="width:100%;height:100%;background:url(https://codebazan.ir/images/loading.gif) center no-repeat black;transition:all .2s;opacity:1;position:fixed;top:0;left:0;z-index:100000;margin-left:0%;margin-top:0%;"><span style="color:#fff;direction:rtl;text-align:right;font:11px tahoma;position:fixed;top:60%;left:47%;z-index:100000;margin-left:0%;margin-top:0%;"/><center>لطفا صبر کنید...</div></center></span>

و کد زیر را در بدنه سایت قرار دهید(body)

<script type="text/javascript"> 
    setTimeout(hide,5000);
         
    function hide(){ 
        document.getElementById('codebazan-loading').style.display = "none";
    }
</script>

توجه نمایید در کد فوق setTimeout(hide,5000);  مقدار زمان پایان نمایش کد لودینگ قرار داده شده که شما میتوانید ان را به دلخواه ویرایش کنید. که الان روی ۵ ثانیه تنظیم شده است.

4 Comments

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code