Индикатор загрузки мы будем делать на основе 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>
<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>
$(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 в скрипте.
Вот и всё.
Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Пользователи/
» Авторство/
1123 /
0
![Sleipnir 4.1.0.4000 [Multi/Русский]](/_ld/2/84454714.jpg)
![TopStyle 5.0.0.97 [Русский]](/_ld/2/36729618.jpg)
| html-cсылка на публикацию | |
| BB-cсылка на публикацию | |
| Прямая ссылка на публикацию |
| Всего комментариев: 0 | |
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
