Индикатора загрузки страниц
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 в скрипте. Вот и всё. | |
| |
Просмотров: 1327 | Загрузок: 0 | |
Всего комментариев: 0 | |