Главная Блоги Всяко разно

Индикатор загрузки страниц

Опубликовано:
Редактировалось: 2 раза — последний 6 декабря 2019
Просмотров: 2583
+2↑
Голосов: 2

Нашел вот на одном сайте такую штуковину.....

Не знаю насколько это кому то пригодится, но все же. Это небольшой индикатор загрузки страницы который появляется в левом углу сайта до тех пор пока не прогрузиться страница.

Ставится это дело легко и не принужденно:

после <head> вставляем вот этот код

Код PHP:
  1.  
  2. <!-- Loading of page --> 
  3.  <div style="position:relative">  
  4.   <div id="pg-loading" onclick="this.style.display='none'" style="position:fixed;  
  5.   top:7px; left:7px; display:none; font-family:tahoma; font-size:8pt; background:rgba(0,0,0,0.8); color:#fff; padding:4px 8px 4px 8px; z-index:999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;"><b>Загрузка...</b></div>  
  6.   </div>  
  7.   <script async type="text/javascript">  
  8.   document.getElementById('pg-loading').style.display='';  
  9.   </script>  
  10.   <script>$('#pg-loading').fadeIn(1000);$('#pg-loading').fadeIn(1);</script> 
  11.  <!-- End Loading of page -->
  12.  

а перед </body> вот это

Код PHP:
  1.  
  2. <script>$('#pg-loading').fadeOut(1600);$('#pg-loading').fadeOut(1400);</script>
  3.  

При установке меняется шрифт на сайте, что бы этого не было уберите из кода строчку связанную со шрифтом:

font-family:tahoma; font-size:8pt; background:rgba(0,0,0,0.8);

Вот и все! Посмотреть результат можно опять же

ТУТ

P.S. МЕНЯ МНОГИЕ СПРАШИВАЮТ ПОЧЕМУ Я УДАЛИЛ ВСЕ СВОИ ФАЙЛЫ? НАПОМИНАЮ, ЧТО Я НЕ УДАЛЯЛ НИЧЕГО ЗЛОЙ ХОСТЕР УДАЛИЛ ВСЕ С СЕРВЕРА ХОТЯ Я ПРОСИЛ ОСТАВИТЬ АРХИВЫ!ПОТИХОНЬКУ БУДУ ВОСТАНАВЛИВАТЬ И ЗАЛИВАТЬ АРХИВЫ К СЕБЕ В ПРОФИЛЬ НА ЭТОТ САЙТ.
Комментарии (2)
Letsgo #
: 0

о как) спасибо, неплохая вещь!

Ответить
Дмитрий #
: 0

да не за что )))

Ответить
Добавить комментарий RSS-лента комментариев

Голосуем

Самый нужный компонент