Как да направите пълзяща линия на уебсайт

Как да направите пълзяща линия на уебсайт
Как да направите пълзяща линия на уебсайт

Видео: Как да направите пълзяща линия на уебсайт

Видео: Как да направите пълзяща линия на уебсайт
Видео: КАК СОЗДАТЬ_САЙТ_САМОСТОЯТЕЛЬНО?! 2024, Може
Anonim

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

Как да направите пълзяща линия на уебсайт
Как да направите пълзяща линия на уебсайт

Най-лесният начин да вмъкнете пълзяща линия в страницата на уебсайта е да използвате готов за използване HTML-код, който се предоставя безплатно от много интернет ресурси. Тази опция ще бъде оптимална, например, ако трябва да поставите емисия новини, котировки на акции, информация за портала за игри и т.н. на страниците на вашия уебсайт. В този случай трябва да намерите готовия код на страниците на избрания интернет ресурс, да го копирате и поставите на желаното място в HTML кода на страницата на вашия сайт. Тази опция е удобна не само защото не е необходимо да знаете скриптовете, които създават пълзящата линия, но също така не е нужно да се притеснявате за попълването на такава емисия с информация - това ще бъде направено автоматично от сайта, от който пълзящата линия код се взема. Ако трябва да попълните пълзящата линия със собствена информация или снимки, ще трябва да съставите кода й сами. Най-лесният начин да направите това е да използвате специален HTML таг - шатер. Състои се от отварящи и затварящи части, първата от които съдържа допълнителна информация - атрибути. Това са сервизни данни, които казват на браузъра на посетителя какъв шрифт и цвят трябва да се показват за текста на пълзящата линия, в каква посока трябва да бъде насочено движението, ширината, височината и фона на прозореца на тази линия и т.н. А между отварящите и затварящите маркери се поставя текстът на самата новина. Например, в най-простата си форма кодът може да изглежда така: това е текстът за обхождане Тук са посочени само ширината и височината на блока в пиксели (атрибутите ширина и височина) и превъртащият се текст. Посоката на движение се определя от атрибута посока, който може да получи една от четирите стойности на английски (вдясно, вляво, нагоре, надолу). По подразбиране текстът за обхождане се привлича - началото му е прикрепено към края му, който ще се движи в същата посока. Ако използвате атрибута на поведение с алтернативна стойност, тогава текстът, достигайки дясната граница на прозореца, ще обърне посоката и безкрайно ще отскача от две противоположни страни (лява и дясна или отгоре и отдолу). Друг важен атрибут на линията за превъртане е scrollAmount. Той задава скоростта, с която текстът се движи в относителни единици - 1 означава най-бавното движение, 2 означава малко по-бързо и т.н. С помощта на атрибути можете да зададете закъснението преди началото на превъртането на линията за превъртане, броя на циклите и паузата между тях, отстъпите от текста до границата на прозореца на този елемент.

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