• Страница 1 из 1
  • 1
Индикатора загрузки страниц
Sanek94Дата: Суббота, 29.01.2011, 10:42 | Сообщение # 1
I Love music
Сообщений: 663
[ 97 ]

В этом материале мы будем создавать индикатор загрузки страницы. Такой индикатор загрузки страницы вы можете увидеть на некоторых сайтах.
Индикатор загрузки мы будем делать на основе jQuery и плагина blockUI к нему. Скачать blockUI можно по этой ссылке. Сам jQuery - тут.

Для начала подключим скрипты к странице. Для этого в разделе HEAD пишем следующее:

Code
<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.

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

Code
<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 в скрипте.

Вот и всё.


Я Ушел
 
  • Страница 1 из 1
  • 1
Поиск:
Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники
Вид новостей под белый диз [ 1 ]
Прикольный вид новостей [ 1 ]
Новый вид новостей [ 1 ]
Общение клана [ 123 ]
crm for business [ 4 ]
Сервак [ 14 ]
вьетнам шлюхи [ 1 ]
Cs source [ 4 ]
[32] Я забыл ответ на секретный вопрос, что мне делать? [ 13 ]
Тут знакомства без регистрации в ставрополе [ 2 ]
Считаем до 1000) [ 776 ]
+10 [ 224 ]
Заявки на снятие бана [ 214 ]
Общение [ 196 ]
Конфискация админок [ 147 ]
Оцениваем аватары [ 135 ]
Общение клана [ 123 ]
Ник/ава/подпись [ 86 ]
Играем в имена [ 83 ]
Обсуждение осеннего чемпионата [ 73 ]
Обратный отчет [ 60 ]
Играем в города [ 55 ]
Вступление в клан [ 52 ]
FullBlooded Постов [ 1133 ]
Sanek94 Постов [ 663 ]
dans Постов [ 649 ]
cozaster Постов [ 464 ]
troy Постов [ 447 ]
Ravin Постов [ 411 ]
w1nGo Постов [ 346 ]
VI[R]US Постов [ 297 ]
LaiNeR_AdmiN Постов [ 256 ]
shtakActicaisk Постов [ 245 ]
MixailY Постов [ 234 ]
DMX Постов [ 228 ]
Gymndedy Постов [ 214 ]
TPAKTOP Постов [ 198 ]
M_Owen Постов [ 172 ]
Shraundud13:45
target01Log12:21
otaletikhe06:43
Wahcoalawackege08:21
italetxdtn22:35
staletjmsp07:09
mtaletatsq07:08
ltaletoxjh02:56
ftaletzrgz23:49
ftaletwgke12:43
ctaletjluy20:32
ctaletqjpg16:12
wtaletfqlj03:21
ytaletoptd10:28

Подняться вверх на сайте
Хостинг от uCoz vodka-poltava.at.ua © 2009 - 2025 Карта сайта Карта форума