Как да направите сняг на сайта

Съдържание:

Как да направите сняг на сайта
Как да направите сняг на сайта

Видео: Как да направите сняг на сайта

Видео: Как да направите сняг на сайта
Видео: как да си направите сайт 2024, Ноември
Anonim

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

Как да направите сняг на сайта
Как да направите сняг на сайта

Необходимо е

Браузър. Възможност за редактиране на страници, шаблони на страници или файлове с теми на уебсайтове. Достъп до сървъра на сайта чрез FTP. FTP клиент или файлов мениджър с FTP поддръжка

Инструкции

Етап 1

Изтеглете скрипта, който показва падащия сняг на сайта. Отворете страницата в браузъра https://codeguru.ru/web/javascript/. Отидете на "Примери за скриптове на JavaScript" -> "Анимация" -> "Преместване на обекти". Кликнете върху връзката "Script Falling Snow". На страницата, която се отваря, горе вдясно кликнете върху връзката "snowfall.zip". Запазете архива със скрипта на вашия твърд диск

Стъпка 2

Разопаковайте архива със скрипта. Извлечете всички файлове от изтегления архив във временна папка на вашия твърд диск. Използвайте разархиватор или файлов мениджър.

Стъпка 3

Конфигурирайте скрипта. Отворете файла snowfall.js във всеки текстов редактор. Променете стойностите на свойствата nCount, nMaxSpeed и strFlakeURL на обекта oSnowFall. Стойността nCount определя колко изображения на снежинката ще се преместват едновременно на страницата. Стойността nMaxSpeed задава максималната скорост на снежинката в пиксели по време на една итерация на скрипта. Параметърът strFlakeURL трябва да съдържа валиден URL адрес на изображение на снежинка, където да може да се зареди чрез мрежата.

Стъпка 4

Качете скрипт файлове, таблици със стилове и изображения на снежинки на сървъра. Свържете се със сървъра на сайта чрез FTP. Отидете в папката за файловете на скрипта на клиента или създайте подобна папка и отидете до нея. Заредете файла snowfall.js в него. Придвижете се до папката за графиката. Заредете файла snowflake.gif" Как сделать снег на сайте

Стъпка 5

Направете сняг на сайта. Редактирайте кода на страницата, шаблоните на страници или файловете на темата на сайта, така че елементът HEAD на получения код да съдържа редове като:

където css_file_address и js_file_address са адресите на файловете snowfall.css и snowfall.js в мрежата.

Поставете реда веднага след отварящия маркер:

Поставете и редовете преди затварящия маркер:

DoSnowFall ();

//

Запазете резултатите от редактирането.

Стъпка 6

Проверете резултата. Отворете няколко страници на сайта, където е вграден скриптът. Анимацията трябва да започне веднага след приключване на зареждането на страниците.

Препоръчано: