Преместването фонове JQuery, дизайн и разработка на сайта

Добър ден. 🙂

Имах работа, когато клиентът иска да добавите към сайта някакъв ефект с общи сведения за това не е само статично изображение. Търсене малко по просторите на Интернет, намерена на един от сценария на форуми, въпреки че в началото той не работи, тъй като има и удари, хора, които търсят решение как да го стартирате. Малко по-труден и подмяна на някои струни, тя работи. Този скрипт се извършва на фона на движение хоризонтално или вертикално. Можете да преместите един дълъг картина от определено разстояние, а вие може да отнеме известно изображение, което може да се прехвърли и ще получите усещане за непрекъснато движение. По-долу можете да видите пример.

За да направите хоризонтално или вертикално движение на заден план на сайта, трябва да добавите някои нови самите елементи.

В началото, трябва да се знае къде ще отиде фон. Това е най-общия фон на сайта или определен DIV-блок. Ако Разделения-блок

Той трябва да зададете фон стила на изображението. Можете също така трябва да се определи с картината. В нашия случай това е снимка на ширина 277 пиксела, височина - 272, и безкрайността, този, който когато се присъедини със себе си няма граници. Движението ще бъде хоризонтална - от ляво на дясно, за тази цел, уточни настройките - повтори-х.

Ако искате да се преместим общ фон, тя само задавате стилове - тяло

Ако направите ход във вертикално, след това безкрайно фонов режим, задайте повторение-Y.

Сега трябва в заглавната част на сайта си, преди да главата на затваряне. добре, или в мазето преди zakryvayuschimsyabody. първо свържете JQuery библиотеката. След това самата сценария. Ако преди сте свързани към библиотеката, за да направите това, вече не е необходимо, за да не се провокира конфликт.

Свързване на JQuery библиотеката

Сценарият има няколко настройки:

Петият линия показва класа - .ret - това устройство клас, на които ще бъде направена анимация фон движение. Ако искате да се премести на общия фон на сайта, а след това на мястото на .ret по тялото
277 - е размера на изображението в пиксели. Ако имате хоризонтално движение, това показва, че ширината на изображението, ако вертикално, височината.
Стойност 50 - това е закъснението в милисекунди, между движенията на снимки. Долната броят, толкова по-бързо движещия фона, и обратно.

Както вече бе казано, този пример се движи хоризонтално от ляво - дясно. За да промените посоката на движение трябва да се замени 3 или 4 линия

Същият този фокус да направи промяна на вертикалното движение. Първоначално - от горе до долу. Създава се втори код, ако искате да се движат отдолу нагоре.

За да направите вертикалното движение, е необходимо да се замени напълно pyatoyu линия.

Голяма част от текста е написан, но аз ще се разбере, трудно, особено нищо. Ако всичко е направено правилно, ще видите цикличен хоризонтално или вертикално движение на заден план.

Това е всичко, благодаря ви за вниманието. 🙂

Нанесете върху всяка снимка с skript.Tolko промените името на класа и името на функцията. В първата и втората .ret .ret2 например
scroll_bg и scroll_bg2
bg_Offset и bg_Offset2
В статията се казва, как да се промени посоката на ляво napravo.V първата версия на сценария, за да бъде -
bg_Offset = bg_Offset + 1;
ако (bg_Offset> 277) bg_Offset = 0;
Във втората обратно
bg_Offset = bg_Offset - 1;
ако (bg_Offset <0) bg_Offset = 277;
Естествено 277 е ширината на изображението, да променяте размера на тези, които ще бъдат във вашите снимки.

Здравейте скъпи приятели

Имате AdBlock инсталирано разширение или други подобни. Добавете сайта си в белия списък, и по този начин да допринесе за vnesesh неговото развитие. Инструкции за това как да деактивирате AdBlock искат този прозорец