Загрузка страницы для темных дизайнов (UCOZ)
05.06.2013 в 15:38
Автор: Macros | Комментариев (0) | Просмотров: 298

Простой индикатор загрузки страницы для чёрных дизайнов в виде Danger для ucoz.

На какой надо странице, перед:
Код
<html>

ставим:
Код
<div id="loading" style="position: fixed;margin:-125px -130px 0;top:50%;left:50%;width:250px;height:100px;border: #33ff00 1px solid;border-radius:5px;background:#000000;color: #ffffff;font: 12px tanoma;"><center><img src="http://dedicated.3dn.ru/uCoz/images/1/dizlozzzzader.gif"><br><small style="color:#7b7b7b;">Идет загрузка страницы</small><br>Пожалуйста, подождите...</center></div>  
  <div onclick="$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);" id="loading_fon" style="display:none;z-index:3;position:fixed;top:0;left:0;background:black;opacity:0.2;-moz-opacity:0.2;width:100%;height:100%;"></div>

На этой же странице, после:
Код
</head>

Ставим:
Код
<script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script>

На этой же странице, после:
Код
</html>

Ставим:
Код
<script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script>


Всё_)
Скрипт Загрузка страницы для ucoz, Загрузка страницы, Скрипты для Ucoz, скрипты ucoz, скрипт загрузка страницы, загрузка страницы для uсoz
Место свободно
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]