Jak vytvořit text Flash v HTML: 10 kroků

Blikající text nikdy nebyl standardní funkcí HTML, a proto je v každém prohlížeči implementována jinak. Nejbližší možnost, která se spoléhá pouze na HTML, je značka Marquee, ale ani to nefunguje v Google Chrome. jаvascript - spolehlivější metoda, která umožňuje kopírovat a vložit kód přímo do dokumentu HTML.

Kroky

Metoda 1 z 2:

Pomocí značky Marquee

jeden. Použijte pouze pro osobní projekty. Tag Marquee byla dlouho zastaralá a vývojáři se důrazně doporučují vyhnout se tomu. Zobrazí se různými způsoby v prohlížečích a po další aktualizaci textu a může přestat blikat. Pokud vyvíjíte profesionální stránky, pak lépe nahradit jаvascript.

Google Chrome nepodporuje atribut scrollamount, který je založen na této metodě. Z tohoto důvodu text nebude blikat, ale pro navigaci na stránce.

Obrázek s názvem Text blikat v HTML kroku 2

2. Surround Blikající text Tag Marquee. Otevřete dokument HTML v jednoduchém textovém editoru. Enter před textem, který by měl blikat. Vložit Na konci textu.

Nezapomeňte nejprve Vyplňte HTML stránka Tegs , a .

Obrázek s názvem Text blikat v HTML kroku 3

3. Zadejte šířku textu. Přidat do otvoru šířka ="300">. Nebude měnit velikost písma. Existují dva důvody, proč budete muset tuto hodnotu změnit na jinou:

Pokud text překročí hranici, bude se pohybovat a ne blikat. Zvyšte šířku textu, abyste se vyhnuli.

V Chrome Text se přesune na vzdálenost definovanou zadanou šířkou.

Obrázek s názvem Text text blikat v HTML kroku 4

čtyři. Duplikovat hodnotu šířky pro atribut Scrollamount. Uvnitř stejné značky scolmount ="300" (stejný význam jako šířka). Marquee Tag přinutí text, který se přesune přes stránku. Pokud však zkopírujete hodnotu šířky do atributu Scrollamount, text se přesune do výchozí polohy, čímž způsobuje účinek blikání.

Váš text by měl vypadat něco takového:
Blikající text..

Obrázek s názvem Text text blikat v HTML kroku 5

Pět. Změňte zpoždění posouvání. Otevřete soubor HTML v prohlížeči, abyste viděli výsledek. Pokud text bliká příliš rychle nebo příliš pomalu, změňte rychlost pomocí atributu Scrolldelay ="500". Ve výchozím nastavení je zpoždění 85 milisekund.Zvyšte toto číslo, abyste zpomalili blikání nebo jej zmenšte, abyste zrychli.

Teď by měl řetězec vypadat takto:
Blikající text.

Obrázek s názvem Text blikat v HTML kroku 6

6. Omezte množství oslnění (volitelné). Mnoho uživatelů je nepříjemný blikající text. Pokud jste již pozorovali pozornost uživatele, zastavte blikání přidáním atributu Smyčka ="7". Nyní text bliká sedmkrát a pak zmizí. Místo sedmi, můžete použít jiné číslo.

Zobrazení konečného kódu:
Blikající text.

Metoda 2 z 2:

Použití jаvascript

jeden. Vložte skript blikání v záhlaví dokumentu HTML. Vložte následující kód jаvascript mezi značkami a Dokument HTML:

Funkce BlinkText () {
Var f = dokument.GetElementByid ("oznámení")-
SetInterval (funkce () {
F.Styl.Viditelnost = (f.Styl.Viditelnost == `skrytý` ? ``: `Skrytý`)-
}, 1000)-
}

Obrázek s názvem Text blikat v HTML kroku 8

2. Vložte příkaz ke stažení skriptu. Výše uvedený kód určuje funkci a volá ji "BlinkText" (bliká text). Chcete-li tuto funkci používat v HTML, změňte značku na .

Obrázek s názvem Text bliká v HTML kroku 9

3. Určete blikající text jako reklama. Poté skript ovlivní pouze položky s identifikátorem oznámení (AD). Umístěte blikající text do libovolné položky a přiřaďte jej tento identifikátor. Například zadejte

Blikající text.

nebo

Blikající text.

Jmenujte ho, jak chcete. Hlavní věc je, že scénář a identifikátor stál stejným slovem.

Obrázek s názvem Text text blikat v HTML kroku 10

4. Opravte skript. Číslo "1000" ve skriptu je zodpovědný za zpoždění blikání. Vzhledem k tomu, že hodnota je uvedena v mikrosekundách, "1000" činí text blikat jednou za sekundu. Snižte toto číslo, abyste zrychli blikající nebo zvýšit, aby se zpomalil.

Zpoždění samotné, nejpravděpodobněji, nebude přesně dodržovat tuto hodnotu. Je pravděpodobné, že bude to trochu kratší, ale může to trvat déle, kdy je prohlížeč přetížený požadavky.

Tipy

Chcete-li změnit vzhled vybraného textu, použijte atribut Styl. Zkuste přidat styl ="Hranice: Solid".
Kromě šířky k značce Marquee můžete také přidat atribut výšky, ale mnoho prohlížečů to ignoruje. Můžete si všimnout rozdíl, pokud obklopíte textový rámeček.
Vynutit text Chcete-li blikat, můžete použít animaci CSS. Jedná se o poměrně složitý proces a není doporučeno pro začínající programátoři v CSS. Budete potřebovat připojený dokument CSS, protože Firefox nepodporuje animace CSS s vestavěným CSS.

Varování

Nepoužívejte značku Nebo navrhování textu pomocí tabulky CSS Styles, protože velmi málo moderních prohlížečů je podporováno.