Показват се публикациите с етикет движещ се текст. Показване на всички публикации
Показват се публикациите с етикет движещ се текст. Показване на всички публикации

Тайните на Marquee

Да, Marquee (чете се "маакий") си има тайни, които го правят още по-невероятен и полезен инструмент. Вижте примерите по-долу! Те са постигнати тъкмо с оператора за движещ се текст Marquee.

Абонирай се!

Хвани изображението и научавай
за най-новото в сайта!

Движещ се в граници цветен текст с връзка
Както ще установите, шраквайки върху изображението за емисии вие спирате движението му (нали целта е да го "хванете"). За разлика от движещия се текст с връзка, където дори самото позициониране с мишка върху него го кара временно да спре и да тръгне отново, когато преместим курсора извън него (нали трябва да можем да прочетем какво пише и да щракнем връзката). Ефектно, нали! Както и следващият "водопад" от думи:

Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Искам да раздвижа текста!Раздвижих текста!

Хайде сега, опитайте се да спрете топчето точно под чертата, използвайки бутоните под него:
|

.



Стига демонстрации. Вие сами можете да постигнете още и различни ефекти с marquee, когато знаете "тайните" му. Естествено, те отдавна са известни, иска се само желание и усилие от ваша страна да ги научите и вие. А ако желаете да е по-лесно, можете да кажете: Пич, оправи ми сайта!, за да получите професионалната ми намеса във вашия сайт. ;)

Направи си сайт - въпроси и трикове

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

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

Една такава техника е използването на оператора за движещ се текст <marquee> (произнася се "маакий"). Да, езикът за редакция на хипертекст (HTML - Hyper Text Markup Language) позволява лесно да анимирате текст в своята страница и да го карате да се движи по желан от вас начин. Marquee е команда с определени параметри, която браузърът (Explorer, Mozilla...) изпълнява. Затова и единствена причина анимираният текст да не се визуализира правилно може да се търси само в браузъра, с който гледате съответния сайт.

І. Как да анимираме текст или какво можем с Marquee!

По-долу можете да видите примери за употребата на оператора marquee заедно със съответния код, който лесно можете да копирате и с който да постигнете желаните ефекти и във вашия сайт. В него ще трябва единствено да замените "ТЕКСТ" с желания от вас израз.

1. Преминаващ текст

Един много популярен модел, който позволява да поставите ефектен акцент върху желана от вас информация в сайта си или просто да спестите място. Анимираният текст се появява отляво или отдясно (според указаното от вас в direction="...") и преминава по ширина през страницата или елемента, в който е поставен кода, отново и отново.

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


2. Появяващ се текст

Искате анимирания текст, след като се появи на екрана да спре? Ето появяващ се отляво текст, който достигайки границата на елемента, в който е поставен, спира и остава там (за да видите отново ефекта, трябва да презаредите страницата).

Движещ се текст, който спира!


3. Отскачащ от границите текст

Да, става дума за комбинация от горните два модела на движение на текста.

Отскачащ от границите движещ се текст




4. Вертикално движещ се текст

Движението на текста може да бъде не само хоризонтално, но и вертикално, като все така свободно можем да определим и границите на неговото движение.


Преминаващ нагоре текст


ІІ. Атрибути на оператора Marquee или как управляваме движението на текста

Както разбрахте, указанията как точно да се движи текста се задават като свойство на оператора marquee с помощта на т. нар. атрибути (behaviour, direction и др.), на които можем да дадем различни стойности. Няма да се спирам подробно на всички тях - сигурен съм, че бързо ще се ориентирате за възможностите (стойностите са все английски думи, които ще откриете лесно). За по-запалените, освен това, в Интернет има достатъчно ресурси по темата (на английски). Затова ще обърна внимание само на още един от тях:

Скорост на движение

Атрибутът, който отговаря за това с каква скорост ще се движи текста, е scrollamount="...", чиято стойност по подразбиране е "6". С негова помощ вече придобивате пълен контрол над движещия се в сайта ви текст.

Бавно движещ се текст - скорост = 1
Бързо движещ се текст - скорост = 10
Бясно движещ се текст - скорост = 20



Е, как ви се струва всичко дотук - нямате търпение да го изпробвате в своя сайт, нали! А ако ви кажа, че това съвсем не е всичко, което можем да постигнем с оператора за движещ се текст marquee? Можете да видите "какво" в Тайните на marquee.


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

Вижте още:
Програми и сайтове за лесно създаване на анимирани изображения
Направи си сайт - въпроси и трикове