За да създадете обхождане, HTML имазатварящ маркер
Интересното е, че той първоначалноТой е създаден под браузъра Internet Explorer, а други се научават да го разбират по-късно. Въпреки че обикновено се случва обратното, и браузърът на Microsoft винаги действа като закъснял, създавайки много проблеми за програмистите.
актуалност
От гледна точка на семантиката, обаче, тя се счита за остаряла и вече не е включена в спецификацията на HTML. По този начин кодът, който включва този маркер, няма да бъде потвърден.
Каква е причината?В съвременния HTML няма линк за обхождане, тъй като цялата анимация и оформяне се извършват от CSS. Понякога трябва да използвате JS. Съответно HTML отговаря само за маркирането. Въпреки това
синтаксис
В HTML, пълзящата линия се задава със затварящ маркер:
Вътре могат да бъдат поставени не само текст, но и други елементи, например снимки или таблици. Спомнете си, че въпреки че този код работи, той няма да бъде валиден.
Скорост на превъртане
Можете да контролирате пълзящата линия в HTML, като използвате атрибути. Скоростта на движение се настройва чрез атрибута за превъртане. Тя ще изглежда така:
Промяната на скоростта се дължи на константатаизтрийте информация за позицията на текста и го изведете на ново място. Като променим стойността в атрибута, зададем броя пиксели между старата и новата. Съответно, колкото по-голяма е стойността, толкова по-голяма е скоростта. Този атрибут се поддържа от всички браузъри.
Если скорость прокрутки слишком большая, автоматичното ограничение ще се включи, така че текстът да остане четлив. Ако е необходимо да заобиколите това ограничение, въведете атрибута за толеранс. Имайте предвид, че не всички версии на браузърите го разбират. IE и Firefox могат да работят с него.
Забавянето между превъртания текст може да бъде зададено чрез атрибута за превъртане.
Кутия за превъртане
Ширината на маркера ще заема цялата ширина на родителяелемент. А височината ще бъде равна на съдържанието вътре. За да промените това, трябва да използвате два атрибута, които отговарят за височината и ширината. Това е съответно височината и ширината. Можете да използвате пиксели или проценти.
Има и два атрибута, а именно hspace иvspace. Те са необходими, за да се създаде празно пространство около маркера, или по-скоро, вдлъбнатина. Разстоянието е зададено съответно хоризонтално и вертикално.
Параметри на движението
В допълнение към скоростта можете да зададете и другипараметрите за движение. Атрибутът на посоката е отговорен за посоката на движение. По подразбиране текстът се премества от дясно на ляво. Това движение съответства на правото на стойност. За да направите текста да се движи в обратната посока, достатъчно е да посочите лявата и тя ще изглежда така:
В допълнение към хоризонталното превъртане можете да посочите вертикална. За движение на съдържанието нагоре, използвайте стойността нагоре, а за движение надолу, използвайте надолу.
За да промените характера на движението, има още двеинтересен и полезен атрибут. Можете да зададете броя на свитъците, след което съдържанието ще спре в крайната позиция и няма да се движи. Тази собственост съответства на атрибута на цикъл. Стойността по подразбиране е -1. Ако поставите 0, текстът няма да се движи изобщо. Цифровите стойности над 0 ще стартират брояча.
По-обемният атрибут е поведение.Той отговаря за начина, по който се премества съдържанието. Стойността по подразбиране е превъртане. Това означава, че съдържанието ще се движи в определена посока и след като е напълно скрито, то ще започне отново да се движи.
Ако съдържанието е ниско, можете да зададете атрибутаалтернативна стойност. След достигане на крайната точка съдържанието ще започне да се движи в обратната посока. И така, безкраен брой пъти, ако броячът не е настроен.
Последната стойност е слайд. Той казва на съдържанието да отиде до края и да спре.
стилове
Маркерът
HTML не е достатъчно, за да създаде красива линия. Трябва да използвате стилове. Например, ако искаме да направим текста по-красив:
приложение
Има много начини да използвате текуща линия.Можете просто да използвате текущия текст, за да привлечете вниманието. Възможно е да се направи подобие на информатора, като се приспособи голямо количество текст. Можете също така да вмъкнете серия от снимки, които ще се движат гладко. По този начин можете да показвате повече съдържание.
Линията на пълзене в HTML кода ще ви помогне да създадете проста анимация, ако прилагате анимирана картина, например, работещ човек.
резултати
Разрешихме как да създадем линия в HTML.Това е доста прост метод, който е лесен за научаване. Това обаче е остаряло и не предава валидацията. Не получих по-нататъшно развитие и поддръжка, което може да причини проблеми при работа с различни браузъри.
Не препоръчваме да го използвате.За да създадете линия за изпълнение или по-скоро анимация като цяло, CSS3 придоби уникалното правило @keyframes. Тя ви позволява да създавате последователни рамки на анимация. И анимационната собственост вече определя потока на тази много анимация. Този инструментариум предоставя много повече функции от остарелия маркер
