Прелоадер для сайта
Прелоадеры - это анимированные изображения, представляющие процесс загрузки страницы сайта. Прелоадеры отображаются в виде фонового изображения, которое скрывает от пользователя процесс отрисовки больших изображений и других элементов сайта.
Ссылку на загрузку (http://hello-site.ru//main/images/preloads/bars.svg) можно заменить на свою также и цвет(#0000FF).
Представляет вашему вниманию прелоадер который можно использовать на своем сайте.
Установка
Вставьте код в «Нижнюю часть сайта»:
Код
<style type="text/css">#hellopreloader>p{display:none;}#hellopreloader_preload{display: block;position: fixed;z-index: 99999;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;background: #0000FF url(http://hello-site.ru//main/images/preloads/bars.svg) center center no-repeat;background-size:117px;}</style>
<div id="hellopreloader"><div id="hellopreloader_preload"></div><p><a href="http://kanavas.at.ua">Kanavas</a></p></div>
<script type="text/javascript">var hellopreloader = document.getElementById("hellopreloader_preload");function fadeOutnojquery(el){el.style.opacity = 1;var interhellopreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(interhellopreloader);hellopreloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(hellopreloader);},1000);};</script>
<div id="hellopreloader"><div id="hellopreloader_preload"></div><p><a href="http://kanavas.at.ua">Kanavas</a></p></div>
<script type="text/javascript">var hellopreloader = document.getElementById("hellopreloader_preload");function fadeOutnojquery(el){el.style.opacity = 1;var interhellopreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(interhellopreloader);hellopreloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(hellopreloader);},1000);};</script>
Ссылку на загрузку (http://hello-site.ru//main/images/preloads/bars.svg) можно заменить на свою также и цвет(#0000FF).
Прелоадер взят с сайта Hello-site.
Всего комментариев: (0)
Чтобы оставить комментарий под этой публикацией, войдите или зарегистрируйтесь.
Случайные материалы
Плавающая кнопка меню от Kanavas
BERNIER TYPE FAMILY
CMS login form
POST данные модулей системы uCoz
Плавная прокрутка по блокам с jQuer
Прокрутка страницы