Предимството да поназнайваш как се редактира HTML код, когато имаш сайт, е че можеш да разчиташ на себе си както за отстраняване на грешки в него, така и за използването на точно това, което искаш, там където го искаш, но и за още нещо - да се възползваш от прости и лесни техники за постигане на иначе впечатляващи окото ефекти, които правят изгледа на сайта една доза по-професионален, а и по-функционален.
Една такава техника е използването на оператора за движещ се текст <marquee> (произнася се "маакий"). Да, езикът за редакция на хипертекст (HTML - Hyper Text Markup Language) позволява лесно да анимирате текст в своята страница и да го карате да се движи по желан от вас начин. Marquee е команда с определени параметри, която браузърът (Explorer, Mozilla...) изпълнява. Затова и единствена причина анимираният текст да не се визуализира правилно може да се търси само в браузъра, с който гледате съответния сайт.
Една такава техника е използването на оператора за движещ се текст <marquee> (произнася се "маакий"). Да, езикът за редакция на хипертекст (HTML - Hyper Text Markup Language) позволява лесно да анимирате текст в своята страница и да го карате да се движи по желан от вас начин. Marquee е команда с определени параметри, която браузърът (Explorer, Mozilla...) изпълнява. Затова и единствена причина анимираният текст да не се визуализира правилно може да се търси само в браузъра, с който гледате съответния сайт.
І. Как да анимираме текст или какво можем с Marquee!
По-долу можете да видите примери за употребата на оператора marquee заедно със съответния код, който лесно можете да копирате и с който да постигнете желаните ефекти и във вашия сайт. В него ще трябва единствено да замените "ТЕКСТ" с желания от вас израз.
1. Преминаващ текст
Един много популярен модел, който позволява да поставите ефектен акцент върху желана от вас информация в сайта си или просто да спестите място. Анимираният текст се появява отляво или отдясно (според указаното от вас в direction="...") и преминава по ширина през страницата или елемента, в който е поставен кода, отново и отново.
2. Появяващ се текст
Искате анимирания текст, след като се появи на екрана да спре? Ето появяващ се отляво текст, който достигайки границата на елемента, в който е поставен, спира и остава там (за да видите отново ефекта, трябва да презаредите страницата).
3. Отскачащ от границите текст
Да, става дума за комбинация от горните два модела на движение на текста.
4. Вертикално движещ се текст
Движението на текста може да бъде не само хоризонтално, но и вертикално, като все така свободно можем да определим и границите на неговото движение.
ІІ. Атрибути на оператора Marquee или как управляваме движението на текста
Както разбрахте, указанията как точно да се движи текста се задават като свойство на оператора marquee с помощта на т. нар. атрибути (behaviour, direction и др.), на които можем да дадем различни стойности. Няма да се спирам подробно на всички тях - сигурен съм, че бързо ще се ориентирате за възможностите (стойностите са все английски думи, които ще откриете лесно). За по-запалените, освен това, в Интернет има достатъчно ресурси по темата (на английски). Затова ще обърна внимание само на още един от тях:
Скорост на движение
Атрибутът, който отговаря за това с каква скорост ще се движи текста, е scrollamount="...", чиято стойност по подразбиране е "6". С негова помощ вече придобивате пълен контрол над движещия се в сайта ви текст.
Е, как ви се струва всичко дотук - нямате търпение да го изпробвате в своя сайт, нали! А ако ви кажа, че това съвсем не е всичко, което можем да постигнем с оператора за движещ се текст marquee? Можете да видите "какво" в Тайните на marquee.
Ако информацията ви е била интересна или полезна, моля подкрепете ме!
Направи си сайт - въпроси и трикове


Направи си сайт! по e-mail


4 коментара:
Мдаа, това е поредния урок който си заслужава вниманието ни. Много са тези като мен, които са просто ползватели и не са наясно с компютрите. За мен е удоволствие да се възползвам от съветите в този сайт - лесни са за изпълнение, ефектни са и най-важното действат :)
Моля някой да ми помогне,надписа ми е на български,но не излиза излизат въпросителни,а на английски няма проблем.Кажете моля от къде идва този проблем.
До lilito886
За решаване на проблема е нужно да имаш достъп до редакция на HTML кода на основната страница на сайта. В неговото начало (между операторите <head>... </head> постави или промени кодовата таблица, която се ползва от сайта:
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
Важното тук е това, което пише след "charset=" и то би трябвало да е "UTF-8".
Благодарности за полезните съвети,някои от тях ми влязоха в употреба.
Публикуване на коментар
Моля, имайте предвид, че коментарът ви ще бъде одобрен само ако пишете на кирилица и не сте анонимни! Като реверанс от моя страна, връзките, които оставяте в коментарите, няма да са с nofollow атрибут. Ако сте добросъвестни, разбира се.
Благодаря ви!