Красивая загрузка страницы
Переделка скрипта: RRFF
От сайта TK-RIP.UCOZ.RU
Установка
Способ первый:
В верхнию часть сайта в самый верх ставим:
Код:
Code
<div id="loading" style="z-index:4;border:2px solid #9b9b9b;background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;display:none;margin:5px;font-family:tahoma;font-size:10pt;position:fixed;top:35%;left:42%;padding:12px;"><center><img src="http://webo4ka.ru/Ucoz3/zagruzka_stranici_loading.gif"><br><small style="color:#7b7b7b;">Идет загрузка страницы</small><br>Пожалуйста, подождите...</center></div>
<script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script><div id="loading" style="z-index:4;border:2px solid #9b9b9b;background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;display:none;margin:5px;font-family:tahoma;font-size:10pt;position:fixed;top:35%;left:42%;padding:12px;"><center><img src="http://webo4ka.ru/Ucoz3/zagruzka_stranici_loading.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>
<script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script>
<script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script><div id="loading" style="z-index:4;border:2px solid #9b9b9b;background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;display:none;margin:5px;font-family:tahoma;font-size:10pt;position:fixed;top:35%;left:42%;padding:12px;"><center><img src="http://webo4ka.ru/Ucoz3/zagruzka_stranici_loading.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>
<script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script>
Способ Второй:
На какой надо странице, перед ставим:
Code
<div id="loading" style="z-index:4;border:2px solid #9b9b9b;background:#f4f4f4;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;display:none;margin:5px;font-family:tahoma;font-size:10pt;position:fixed;top:35%;left:42%;padding:12px;"><center><img src="http://webo4ka.ru/Ucoz3/zagruzka_stranici_loading.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>
<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>
На этой же странице, после :
Code
<script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script>
На этой же странице, после :
Code
<script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script>
Источник: не указан
9 комментариев
0
Сначала, должна была быть, но теперь сайт посвящен рип студий, системе ucoz, читам для игр и домен хочу поменять но руки не доходят, да и сайте скоро только 3 недели будут... в дальнейшем будет добавлена категория PshotoShop. а дальше видно будет, да над проэктом работать одному вообще не круто.... помог бы кто, в команду сайта... 
