Вы просматриваете материал который относится к категории Скрипты для ucoz. Думаю вам понравился материал Индикатор загрузки страницы для вашего сайта и вы воспользуетесь им! :)

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

Автор: schokk13 Скрипты для ucoz 03.02.2012
Индикатор загрузки страницы для вашего сайта


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


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

Реализация:

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

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
Спасибо
Просмотров: 488 Рейтинг: 3.0
Не указан
AUTHOR
Индикатор загрузки страницы для вашего сайта
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]