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

Опубликовано:
Редактировалось: 2 раза — последний вчера в 12:21
Просмотров: 2194
+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

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

Голосуем

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