Ako urobiť Flash text v HTML: 10 krokoch

Blikajúci text nebol nikdy štandardnou funkciou HTML, a preto sa v každom prehliadači realizuje inak. Najbližšia možnosť, ktorá sa spolieha len na HTML, je Marquee tag, ale aj to nefunguje v Google Chrome. jаvascript - spoľahlivejšia metóda, ktorá vám umožní kopírovať a prilepiť kód priamo do dokumentu HTML.

Kroky

Metóda 1 z 2:

Použitie značky Marquee

jeden. Použite ho len pre osobné projekty. Marquee tag už dlho zastavila a vývojári sa dôrazne odporúčajú, aby sa jej zabránilo. V prehliadačoch sa zobrazí rôznymi spôsobmi a po ďalšej aktualizácii textu a môže prestať blikať vôbec. Ak vyvíjate profesionálnu stránku, potom lepšie nahradiť jаvascript.

Google Chrome nepodporuje atribút ScratRount, ktorý je založený na tejto metóde. Z tohto dôvodu nebude text blikať, ale navigovať stránku.

Obrázok s názvom Urobiť text blikanie v HTML Krok 2

2. Obklopný blikajúci text tag Marquee. Otvorte dokument HTML v jednoduchom textovom editore. Zadať pred textom, ktorý by mal blikať. Vložiť Na konci textu.

Nezabudnite najprv Vyplňte stránku HTML Teg , a .

Obrázok s názvom Urobiť text blikanie v HTML Krok 3

3. Zadajte šírku textu. Pridajte do otváracieho štítku šírka ="300">. Nezmení veľkosť písma. Existujú dva dôvody, prečo potrebujete zmeniť túto hodnotu na druhú:

Ak text presahuje hranice, sa bude pohybovať a nie blikať. Zvýšte šírku textu, aby sa zabránilo.

V chrómovom texte sa presunie do vzdialenosti definovanej zadanou šírkou.

Obrázok s názvom Urobiť text blikanie v HTML Krok 4

4. Duplikovať hodnotu šírky pre atribút rolovateľa. Vnútri rovnakej značky rolaragount ="300" (rovnaký význam ako šírka). Marquee tag bude nútiť text, ktorý sa pohybuje na stránke. Ak však skopírujete hodnotu šírky do atribútu rolovateľa, text sa presunie do pôvodnej polohy, čím sa spôsobí účinok blikania.

Váš text by mal vyzerať takto:
Blikajúci text..

Obrázok s názvom Urobiť text blikanie v HTML Krok 5

päť. Zmeňte oneskorenie rolovania. Ak chcete zobraziť výsledok, otvorte súbor HTML v prehliadači. Ak text bliká príliš rýchly alebo príliš pomaly, zmeňte rýchlosť pomocou atribútu ScrolllDelay ="500". V predvolenom nastavení je oneskorenie 85 milisekúnd.Zvýšte toto číslo, aby ste spomalili blikanie, alebo ho znížte.

Teraz by mal reťazec taký:
Blikajúci text.

Obrázok s názvom Urobiť text blikanie v HTML Krok 6

6. Obmedziť množstvo oslnenia (voliteľné). Mnohí používatelia sú otravné blikajúce text. Ak ste už priťahovali pozornosť užívateľa, zastavte blikanie pridaním atribútu Loop ="7". Teraz text bliká sedemkrát a potom zmizne. Namiesto siedmich, môžete použiť akékoľvek iné číslo.

Konečný kód Zobraziť:
Blikajúci text.

Metóda 2 z 2:

Pomocou jаvascriptu

jeden. Vložte skript blikania do hlavičky HTML dokumentov. Medzi tagmi vložte nasledujúci kód jаvascript a Dokument HTML:

Funkcia BlinkText () {
Var f = dokument.GetelementbyId ("Oznámenie")-
STAPTERVAL (funkcia () {
F.Štýl.Viditeľnosť = (f.Štýl.Viditeľnosť == `skryté` ? ``: "skryté")-
}, 1000)-
}

Obrázok s názvom Urobiť text blikať v HTML Krok 8

2. Vložte príkaz na prevzatie skriptu. Kód Vyššie uvedený Určuje funkciu a zavolá "BlinkText" (blikajúci text). Ak chcete použiť túto funkciu v HTML, zmeňte značku na .

Obrázok s názvom Urobiť text blikanie v HTML Krok 9

3. Určite blikajúci text ako reklama. Potom skript ovplyvní iba položky s identifikátorom oznámenia (AD). Umiestnite blikajúce text do akejkoľvek položky a priradí ho tento identifikátor. Napríklad

Blikajúci text.

alebo

Blikajúci text.

Pomenujte ho, ako sa vám páči. Hlavnou vecou je, že skript a identifikátor stál rovnaké slovo.

Obrázok s názvom Urobiť text blikanie v HTML Krok 10

4. Opravte skript. Číslo "1000" v skripte je zodpovedný za oneskorenie blikania. Keďže hodnota je indikovaná v mikrosekundách, "1000" robí text blesk raz za sekundu. Znížte toto číslo, aby ste urýchlili blikajúce alebo zvýšite ho spomaliť.

Samotné oneskorenie, s najväčšou pravdepodobnosťou, nebude presne spĺňať túto hodnotu. Je pravdepodobné, že to bude trochu kratšie, ale môže trvať viac času, ak je prehliadač preťažený požiadavkami.

Tipy

Ak chcete zmeniť vzhľad vybraného textu, použite atribút štýlu. Skúste pridať štýl ="Hranica: pevná".
Okrem šírky k značke Marquee môžete tiež pridať atribút výšky, ale mnohé prehliadače ho ignorujú. Môžete si všimnúť rozdiel, ak obklopujete textový rám.
Nútiť text na blesku, môžete použiť animáciu CSS. Toto je pomerne komplikovaný proces a neodporúča sa pre nováčikovcov programátorov v CSS. Budete potrebovať pripojený dokument CSS, pretože Firefox nepodporuje animácie CSS so zabudovanými CSS.

Upozornenia

Nepoužívajte značku Alebo navrhovanie textu pomocou tabuľky štýlov CSS, pretože veľmi málo moderných prehliadačov sú podporované.