[РАБОТНИЧЕК ]
Главная » Файлы » Эффекты
Индикатор загрузки
26.08.2009, 21:34
1. Открываем код страницы или шаблон (для ucoz'а).
2. В любом месте между тегами <head> и </head> добавляем код:

<script type="text/javascript"> 
function hideLoading() { 
document.getElementById('pageIsLoading').style. display = 'none'; 
} 
</script>

3. Сразу после тега <body> добавляем код:

<div id="pageIsLoading" 
style=" 
position: absolute; 
display: block; 
padding-left: 44px; 
padding-right: 12px; 
width: auto; 
height: 46px; 
line-height: 46px; 
border: 1px solid #890000; 
color: #000000; 
font-weight: bold; 
background-color: #e5e5e5; 
background-image: url(http://www.абсолютный_путь_к_папке_images/loadingcircle.gif); 
background-position: 6px center; background-repeat: no-repeat; left: 500; top: 100;">
<!-- Выравнивание на странице устанавливается частью кода left: 500; top: 100; -->
  <div align="center">
if (typeof window_width == 'undefined' || typeof window_height == 'undefined') { 
var window_width; 
var window_height; 
if( typeof( window.innerWidth ) == 'number' ) { 
window_width = window.innerWidth; 
window_height = window.innerHeight; 
} else if( document.documentElement && 
( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { 
window_width = document.documentElement.clientWidth; 
window_height = document.documentElement.clientHeight; 
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { 
window_width = document.body.clientWidth; 
window_height = document.body.clientHeight; 
} 
} 
var left = Math.round((window_width - 200) / 2); 
var top = Math.round(((window_height - 46) / 3) + 46); 
document.getElementById('pageIsLoading').style.l eft = left+'px'; 
document.getElementById('pageIsLoading').style.t op = top+'px'; 
</script> 
Загружается... Ждите... 
</div>

Разумеется, настройки стиля отображения и текста можно изменить на ваш вкус.
4. Непосредственно перед тегом </body> в самом конце файла добавляем код:

<script type="text/javascript"> 
if (window.addEventListener) { 
window.addEventListener('load', hideLoading, false); 
} else if (window.attachEvent) { 
var r = window.attachEvent("onload", hideLoading); 
} else { 
hideLoading(); 
} 
</script>

5. Закидываем прилагаемую картинку в папку images вашего сайта.
6. Тащимся от собственной крутизны...

Категория: Эффекты | Добавил: Администратор | Теги: крутой эффект, Индикатор загрузки
Просмотров: 622 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]