Главная » 2012 » Ноябрь » 16 » Скрипт Загрузка страницы (Индикатор)

---

17:06 Скрипт Загрузка страницы (Индикатор)

При загрузке сайта будет простой и удобный индикатор для сайта который вы можете увидеть на скриншоте или после установки данного скрипта!  На каких надо странице, перед html ставим: <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://ucozua.ru/Scripts/23/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> На этой же странице, после < /head>: <script>$('#loading').fadeIn(1000);$('#loading_fon').fadeIn(800);</script> На этой же странице, после < /html>: <script>$('#loading').fadeOut(1600);$('#loading_fon').fadeOut(1400);</script> Готово,обновляем страницу и смотрим как работает! Если у вас плохой интернет то будет видно очень долго))

+1 1 2 3 4 5 Просмотров: 539 | Добавил: TOP-PARTYDIP | Рейтинг: 5.0/1

Всего комментариев: 0