Код на загрузку страницы сайта для uCoz
Это один из простых и рабочих скриптов на загрузку страницы. Она будет с изображением, которое будет крутиться и когда закончиться, то и закрутка пропадет. Здесь все просто, нам не нужно создавать файл, уже все сделано в коде, а что крутится будет, от вас зависит. Просто можно найти картинку в формате GIF на 100 пикселей и поставить ссылкой в начале. Также когда все загружаться будет, по сторонам будет светло темная гамма а по центру Preloader ваш. Установка: В низ сайта пропишем код. Код <div class="preloader"> <div class="loading"> <div class="loading_in"> <img src="http://zornet.ru/Ajaxoskrip/Fyrkes/Zret/31/Loader-76.gif" alt="" /> </div> </div> </div> <script type="text/javascript"> jQuery(function($) { $(window).load(function () { $(".preloader").fadeOut(700); }); }); </script> <style type="text/css"> .preloader {background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:5000;display:table;width:100%;height:100%;} .loading {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align: center;} .loading_in {display:inline-block;padding:40px;background:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px} </style> Все сохранить не забываем. В скрипте стоит уже, что к материалу скриншот приложен, но так посмотрел в поиске и еще одну нашел, просто копируем ссылку и ставим. Источник: http://internetempire.ru/ |
Поделиться в социальных сетях
Материал разместил
Комментарии: 16 | |
| |
1 2 » | |