Pro vytvoření plíživé čáry má HTMLzávěrečná značka <marquee>. Může obsahovat nejen text, ale i další prvky: tabulky, obrázky, formuláře atd. Pomocí atributů je specifikován nejen horizontální pohyb, ale také vertikální pohyb. U posledně jmenovaného musí být uvedena výška pole.
Zajímavé je, že zpočátku onbyl vytvořen pro prohlížeč Internet Explorer a ostatní se mu později naučili rozumět. I když se obvykle stává pravý opak, je to prohlížeč Microsoftu, který vždy funguje jako zpožďovač a vytváří programátorům mnoho problémů.
Relevance
<marquee> - značka procházení HTML. Podporují jej všechny aktuální verze prohlížečů. V tomto ohledu nejsou žádné problémy a můžete jej bezpečně použít.
Z hlediska sémantiky je však zastaralá a již není zahrnuta ve specifikaci HTML. Proto kód, který obsahuje tuto značku, nebude ověřen.
Jaký je důvod?V moderním HTML neexistuje žádná plíživá čára, protože veškerou animaci a styling provádí CSS. Někdy musíte použít i JS. Proto je HTML odpovědné pouze za označení. <marquee> však bude fungovat dobře díky své trvalé kompatibilitě se staršími verzemi.
Syntax
V HTML je plíživá čára nastavena uzavírací značkou:
<marquee> ... </marquee>Uvnitř lze umístit nejen text, ale také další prvky, například fotografie nebo tabulky. Připomeňme, že i když tento kód funguje, neprojde platností.
Rychlost rolování
Plíživé čáry v HTML můžete ovládat pomocí atributů. Rychlost pohybu se nastavuje pomocí atributu scrollamount. Bude to vypadat takto:
<marquee scrollamount = "1"> nějaký text </marquee> Ke změně rychlosti dochází v důsledku konstantyodebrat informace o poloze textu a zobrazit jej na novém místě. Změnou hodnoty v atributu nastavíme počet pixelů mezi starou pozicí a novou pozicí. Proto platí, že čím vyšší hodnota, tím vyšší rychlost. Tento atribut je podporován všemi prohlížeči.
Pokud je rychlost rolování příliš vysoká,zapne se automatické omezení, aby byl text čitelný. Pokud potřebujete toto omezení obejít, zadejte atribut truespeed. Ne všechny verze prohlížečů tomu rozumějí. IE a Firefox s nimi mohou pracovat.
Zpoždění mezi rolováním textu lze nastavit pomocí atributu scrolldelay.
Posuvník
Podle šířky značka vyplní celou šířku nadřazeného prvkuživel. A na výšku se bude rovnat obsahu uvnitř. Chcete-li to změnit, musíte použít dva atributy pro výšku a šířku. Jedná se o výšku a šířku. Můžete použít pixely nebo procenta.
Existují také další dva atributy, jmenovitě hspace avspace. Jsou potřebné k vytvoření bílého prostoru kolem plíživé čáry, nebo spíše odsazení. Vzdálenost je nastavena vodorovně a svisle.
Parametry pohybu
Kromě rychlosti můžete nastavit i dalšíparametry pohybu. Směr pohybu je řízen atributem direction. Ve výchozím nastavení se text pohybuje zprava doleva. Tento pohyb odpovídá hodnotě práva. Chcete-li, aby se text pohyboval v opačném směru, stačí zadat vlevo a bude vypadat takto:
<marquee direction = "left"> ... </marquee>Kromě vodorovného posouvání můžete také určit svislé posouvání. Použijte nahoru pro pohyb obsahu nahoru a dolů pro pohyb dolů.
Chcete-li změnit povahu pohybu, existují další dvazajímavý a užitečný atribut. Můžete nastavit počet svitků, po kterých se obsah zastaví v krajní poloze a nebude se pohybovat. Tato vlastnost odpovídá atributu smyčky. Výchozí hodnota je -1. Pokud je nastavena na 0, text se nebude vůbec pohybovat. Celá čísla nad 0 spustí počítadlo.
Objemnějším atributem je chování.Je zodpovědný za způsob toku obsahu. Výchozí nastavení je posouvání. Znamená to, že se obsah bude pohybovat daným směrem a poté, co je zcela skrytý, se začne znovu pohybovat.
Pokud je obsah málo, můžete atribut nastavitalternativní hodnota. Po dosažení krajního bodu se obsah začne pohybovat opačným směrem. A tak nekonečně mnohokrát, pokud není nastaveno počítadlo.
Poslední hodnotou je snímek. Dává pokyn obsahu přejít na konec a zastavit.
Styly
Značka <marquee> obsahuje atribut bgcolor, který umožňuje nastavit barvu pozadí řádku. Ve výchozím nastavení je to stejné jako stránka.
HTML nestačí k vytvoření pěkné plíživé čáry. Je nutné použít styly. Například pokud chceme, aby byl text krásnější:
<marquee scrollamount = "1" style = "color: # D9470D; font-size: 40px; váha písma: odvážnější; line-height: 150%; "> Ticker </marquee>přihláška
Existuje mnoho způsobů, jak použít plíživou linii.Chcete-li upoutat pozornost, stačí použít běžící text. Je možné vytvořit jakýsi informátor, který obsahuje velké množství textu. Můžete také vložit sérii obrázků, které se pohybují hladce. Zobrazí se více obsahu.
Běžící řádek v kódu HTML vám pomůže vytvořit jednoduchou animaci, pokud použijete animovaný obrázek například běžící osoby.
Výsledky
Pokryli jsme, jak vytvořit plíživou čáru v HTML.Jedná se o poměrně jednoduchou metodu, kterou lze snadno naučit. Je však zastaralá a neprochází ověřením. Nedostal jsem další vývoj a podporu, což může způsobit problémy při práci v různých prohlížečích.
Nedoporučujeme jej používat.Pro vytvoření plíživé čáry, nebo spíše obecně animace, má CSS3 jedinečné pravidlo @keyframes. Umožňuje vám vytvářet sekvenční snímky animace. Vlastnost animace již určuje dodání této samotné animace. Tato sada nástrojů poskytuje mnohem více funkcí než starší značka <marquee>. Je také mnohem pohodlnější používat, a co je nejdůležitější, o to se už mnoho let snaží: vyčistit HTML od zbytečných haraburdí a učinit je čitelnějším a strukturovanějším.
