Как да си направим JQuery скрипт за предварително зареждане на сайта, главен ИТ

Урокът, който смятаме, че процеса на създаване на предварително зареждане на страницата (предварително зареждане на страницата) а. Както предварително зареждане ще използва Страхотен иконата на шрифта или анимация GIF, който ще бъде показан при зареждането на страницата.

Страница на всеки сайт, по време на откриването му не се зарежда мигновено. На страница да се показват, отделете повече време, което може да варира от 1 до няколко секунди. За процеса (т.е., процесът на зареждане на страницата) някак изглаждане на потребителя, че е в този момент, можете да покажете анимирана картинка или икона.

Процесът на създаване на предварително зареждане е съвсем проста и се състои в това, че ние трябва да покажем на определен блок (# преди натоварване), съдържащ анимирана картинка или икона, точно след като страницата отваряне на сайта. И след зареждането на страницата е напълно извършва, блока (# преди натоварване) с анимирани GIF изображение или икона, за да бъде скрита от потребителя.

Създаване на предварително зареждане на страницата

за предварително зареждане на развитие, което ще изглежда като на бял фон с анимирани икони, извършване на 3 стъпки:

1. Създаване на HTML-код, състоящ се от блока и шрифта Яки икони. Тази част от код, трябва да бъдат поставени в документа, така че да показва на първия потребител, т.е. веднага след тялото на отваряне:

2. Създаване на CSS стилове за Разделение и блок I (икони) елемент.

3. За да добавите скрипт, който се крие preloder след зареждане на страницата (т.е., когато ще има товар от прозореца на обект):

Ако искате да използвате като показател за анимационен образ за предварително зареждане на GIF, че е необходимо да се произведе vyshepredstavlennyh етапи от следните промени:

В HTML-код, за да се премахне класовете шрифта Яки:

В CSS стилове, за да направи следните промени (промяна правило # преди натоварване и # 123; .. # 125; ):