Индикатора загрузки страниц
07.01.2011, 18:07


Для начала подключим скрипты к странице. Для этого в разделе HEAD пишем следующее:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<script type="text/javascript" src="http://github.com/malsup/blockui/raw/master/jquery.blockUI.js?v2.31"></script>


Внимание! Если ваш сайт создан на UCOZ, то ставить jQuery не нужно. Подключаете только blockUI.

С приготовлениями закончили. Теперь можно ставить сам скрипт. Код скрипта загрузки страницы выглядит следующим образом:

<script type="text/javascript">
$(document).ready(function(){
  $.blockUI({message:'Немного
подождите,идет построение страницы...<br><img
src="http://szenprogs.ru/img/sys/wait.gif" border="0" width="48"
height="48" alt=""><br><a href="javascript://"
onclick="$.unblockUI();return false;"
style="font-size:7pt;">Разблокировать</a>',css:{background:'#fff',border:'5px
solid
#e0e0e0',padding:'3px'},overlayCSS:{background:'#000',opacity:.9}});
  $(window).load(function(){
  _uWnd.close('codeAlert');
  $.unblockUI();
  });
});
</script>

Скрипт нужно вписать сразу после открывающего тега BODY.

Этот
скрипт не имеет особых настраиваемых параметров, поэтому должен начать
работать сразу после установки. При желании можете поменять стили css и
overlayCSS в скрипте.

Вот и всё.
Категория: Для форума | Добавил: Stervo4ka
Просмотров: 1327 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]