Hogyan készítsünk flash szöveget HTML-ben: 10 lépés

A villogó szöveg soha nem volt szabványos HTML funkció, ezért minden egyes böngészőben eltérő módon valósul meg. A legközelebbi opció, amely csak a HTML-re támaszkodik a Marquee tag, de még nem működik a Google Chrome-ban. jаvascript - megbízhatóbb módszer, amely lehetővé teszi a kód másolását és beillesztését közvetlenül a HTML dokumentumhoz.

Lépések

1. módszer: 2:

A Marquee tag használata

egy. Csak személyes projektekre használja. A Marquee tag régóta elavult, és a fejlesztők erősen ajánlottak elkerülni. A böngészők különböző módon jelenik meg, és a következő frissítés után a szöveget, és egyáltalán nem villoghat. Ha szakmai alapú webhelyet fejleszt, akkor jobb helyettesíti a jаvascriptet.

A Google Chrome nem támogatja a scrollamount attribútumot, amely ezen a módszeren alapul. Emiatt a szöveg nem villog, hanem az oldal navigálásához.

A cím, hogy a szöveg villog a HTML 2. lépésben

2. Surround villogó szövegcímke marquee. Nyisson meg egy HTML dokumentumot egy egyszerű szövegszerkesztőben. Belép Mielőtt a szöveget villognia kell. Betét A szöveg végén.

Ne felejtsd el először Töltse ki a HTML oldalt Tegek , és .

A kép, hogy a szöveg villog a HTML 3. lépésben

3. Adja meg a szöveg szélességét. Adja hozzá a nyitó címkét Szélesség ="300">. Nem fogja megváltoztatni a betűméretet. Két oka van annak, hogy szükség lehet arra, hogy meg kell változtatnia ezt az értéket a másikra:

Ha a szöveg túlmutat a határon, akkor mozog, és nem villog. Növelje a szövegszélességet, hogy elkerülje.

A Chrome szövegben a megadott szélesség által meghatározott távolságra lép.

A kép, hogy a szöveg villog a HTML 4. lépésben

4. Ismételje meg a Scrollamount attribútum szélességét. Ugyanazon a címke belsejében scrollamount ="300" (ugyanaz a jelentés, mint a szélesség). A Marquee tag kényszeríti a szöveget az oldal áthelyezéséhez. De ha másolja a szélesség értékét a SCROLLAMOUNT attribútum, a szöveg mozog a kiinduló helyzetbe, és ezáltal a vibrálás hatását.

A szövegnek olyannak kell lennie, mint ez:
Villogó szöveg..

A kép, hogy a szöveg villog a HTML 5. lépésben

öt. Módosítsa a görgetés késleltetését. Nyissa meg a böngésző HTML fájlt a böngészőben. Ha a szöveg túl gyorsan vagy túl lassan villog, változtassa meg a sebességet az attribútum segítségével Scrollldelay ="500". Alapértelmezés szerint a késedelem 85 milliszekundum.Növelje ezt a számot, hogy lassítsa le a villódást, vagy csökkentse azt, hogy felgyorsítsa.

Most a karakterláncnak így kell kinéznie:
Villogó szöveg.

A címet a szöveg villog a HTML 6. lépésben

6. Korlátozza a vakító mennyiségét (opcionális). Sok felhasználó bosszantó villogó szöveget tartalmaz. Ha már vonzotta a felhasználó figyelmét, állítsa le a villogást az attribútum hozzáadásával Hurok ="7". Most a szöveg hetente villog, majd eltűnik. Hét helyett bármely más számot használhat.

Végső kód nézet:
Villogó szöveg.

2. módszer 2:

jаvascript használatával

egy. Helyezze be a villogó szkriptet a HTML dokumentumfejre. Helyezze be a következő jаvascript-kódot a címkék között és HTML dokumentum:

Funkció BLINKText () {
Var f = dokumentum.GetElementbyid ("bejelentés")-
SETInTerval (funkció () {
F.Stílus.Láthatóság = (f.Stílus.Láthatóság == "rejtett" ? ``: `Hidden`)-
}, 1000)-
}

A kép, hogy a szöveg villog a HTML 8. lépésben

2. Helyezze be a parancsot a forgatókönyv letöltéséhez. A fenti kód meghatározza a funkciót, és "BLINKText" (villogó szöveg). A funkció használatához a HTML-ben módosíthatja a címkét a .

A kép, hogy a szöveg villog a HTML 9. lépésben

3. Határozza meg a villogó szöveget hirdetésként. Ezután a szkript csak a hirdetési azonosítóval (AD) elemet érinti. Helyezze a villogó szöveget bármely elemre, és hozzárendelje az azonosítót. Például írja be

Villogó szöveg.

vagy

Villogó szöveg.

Nevezze meg neki, ahogy tetszik. A legfontosabb dolog az, hogy a forgatókönyv és az azonosító ugyanazt a szót állította.

A kép, hogy a szöveg villog a HTML 10. lépésben

4. Javítsa ki a szkriptet. Az "1000" szám a szkriptben felelős a villogó késedelméért. Mivel az értéket mikroszekundumokban jelzik, az "1000" másodpercenkénti villogást hajt végre. Csökkentse ezt a számot, hogy felgyorsítsa a villogást, vagy növelje, hogy lassuljon.

Maga a késedelem, valószínűleg nem felel meg pontosan ennek az értéknek. Valószínű, hogy ez egy kicsit rövidebb lesz, de több időt vehet igénybe, ha a böngészőt kérelmekkel túlterhelték.

Tippek

A kiválasztott szöveg megjelenésének megváltoztatásához használja a Stílus attribútumot. Próbálja meg hozzáadni a stílust ="Határ: szilárd".
A szélesség mellett a Marquee tag, akkor is hozzáadhat egy magasság attribútumot, de sok böngésző figyelmen kívül hagyja azt. Megfigyelheti a különbséget, ha körülveszi a szövegkeretet.
A szöveg villogása érdekében a CSS animációt használhatja. Ez egy meglehetősen bonyolult folyamat, és nem ajánlott az újonc programozók számára a CSS-ben. Szüksége lesz egy csatlakoztatott CSS-dokumentumra, mivel a Firefox nem támogatja a CSS animációt beépített CSS-vel.

Figyelmeztetések

Ne használja a címkét Vagy szöveget tervez a CSS Styles Table segítségével, mivel nagyon kevés a modern böngészők támogatják.