Индикатор загрузки страницы для вашего сайта

Суть скрипта в том, чтобы до полной загрузки скрипта скрыть весь контент сайта и вывести индикатор загрузки страницы. После полной загрузки страницы необходимо скрыть индикатор и отобразить страницу 

Реализация:

На нужных вам страницах в самом верху находим тег:

Code
<html>


Сразу перед ним вставляем:

Code
<div style="position:absolute;top:300px;left:50%;margin-left:-64px;width:300px;z-index:3;" class="prel"><img src="/images/prel.gif" /></div>  
  <div class="mydv" style="display:none;">


Здесь же в самом низу после тега:

Code
</html>


Вставляйте:

Code
<script>  
  $(window).load(function() {  
  $('.prel').fadeOut(0);  
  $('.mydv').css('display', 'block');  
  });  
  </script>  
  </div>


Картинку из прикреплённого архива залейте в папку images

  • FalleN

  • 4633

  • 1

  • 0

Ссылки на статью:

Прямая ссылка:
HTML-код:
ББ-код:

Похожие статьи:

Добавить комментарий:

Для добавления вы должны авторизироваться!