Cum se face textul flash în HTML: 10 pași

Textul intermitent nu a fost niciodată o funcție standard HTML și, prin urmare, este implementată diferit în fiecare browser. Cea mai apropiată opțiune care se bazează numai pe HTML este eticheta de marcă, dar chiar și ea nu funcționează în Google Chrome. jаvascript - o metodă mai fiabilă care vă permite să copiați și să lipiți codul direct la documentul HTML.

Pași

Metoda 1 din 2:

Utilizarea etichetei marquee

unu. Utilizați-l numai pentru proiectele personale. Tag-ul Marquee a fost mult timp învechit, iar dezvoltatorii sunt recomandați să o evite. Acesta este afișat în diferite moduri în browsere, iar după următoarea actualizare a textului și poate înceta să clipească deloc. Dacă dezvoltați un site profesional, atunci înlocuiți mai bine jаvascript.

Google Chrome nu acceptă atributul de scrollamount, care se bazează pe această metodă. Din acest motiv, textul nu va clipi, ci va naviga pe pagină.

Imaginea intitulată Faceți textul clipește în HTML Pasul 2

2. Întrerupeți marcajul textului intermitent intermitent. Deschideți un document HTML într-un editor de text simplu. introduce înainte de textul care ar trebui să clipească. Introduce La sfârșitul textului.

Nu uitați mai întâi Umpleți pagina HTML Tegs , și .

Imaginea intitulată Faceți textul clipește în HTML Pasul 3

3. Specificați lățimea textului. Adăugați la eticheta de deschidere lățime ="300">. Nu va schimba dimensiunea fontului. Există două motive pentru care ar putea fi necesar să schimbați această valoare la alta:

Dacă textul depășește granița, se va mișca și nu clipește. Creșteți lățimea textului pentru a evita.

În textul cromului se va deplasa la o distanță definită de lățimea specificată.

Imaginea intitulată Faceți textul clipește în HTML Pasul 4

4. Duplicați valoarea lățimii pentru atributul de scrolamount. În interiorul aceluiași etichetă Adăugați scrollamount ="300" (același înțeles ca și lățimea). Tag-ul Marquee va forța textul să se deplaseze pe pagină. Dar dacă copiați valoarea lățimii la atributul de scrollamount, textul se va deplasa în poziția inițială, determinând astfel efectul pâlpâitor.

Textul dvs. ar trebui să arate așa ceva:
Text intermitent..

Imaginea intitulată Faceți textul clipește în HTML Pasul 5

cinci. Modificați întârziere de defilare. Deschideți fișierul HTML din browser pentru a vedea rezultatul. Dacă textul clipește prea repede sau prea lent, schimbați viteza utilizând atributul ScrolllDelay ="500". În mod implicit, întârzierea este de 85 milisecunde.Creșteți acest număr pentru a încetini pâlpâirea sau pentru ao reduce la accelerare.

Acum șirul ar trebui să arate astfel:
Text intermitent.

Imagine intitulată Faceți textul clipește în HTML Pasul 6

6. Limitați cantitatea de strălucire (opțional). Mulți utilizatori sunt enervant textul intermitent. Dacă ați atras deja atenția utilizatorului, opriți pâlpâirea prin adăugarea atributului Buclă ="7". Acum textul clipește de șapte ori și apoi dispar. În loc de șapte, puteți folosi orice alt număr.

Vizualizarea codului final:
Text intermitent.

Metoda 2 din 2:

Folosind jаvascript

unu. Introduceți scriptul de flicker în antetul documentului HTML. Introduceți următorul cod jаvascript între etichete și Document HTML:

Funcție Blinktext () {
Var f = document.GETELEMENTYID ("Anunț")-
SetInterval (funcția () {
F.Stil.Vizibilitate = (f.Stil.Vizibilitate == "ascunsă" ? ``: "ascuns")-
}, 1000)-
}

Imagine intitulată Faceți textul clipește în HTML Pasul 8

2. Introduceți comanda pentru a descărca scriptul. Codul de mai sus determină funcția și îl apelați "Blinktext" (text intermitent). Pentru a utiliza această caracteristică în HTML, modificați eticheta pe .

Imaginea intitulată Faceți textul clipește în HTML Pasul 9

3. Determinați textul intermitent ca anunț. Apoi, scriptul va afecta numai elementele cu identificatorul anunțului (AD). Așezați textul intermitent în orice element și îl atribuiți acest identificator. De exemplu, introduceți

Text intermitent.

Denumiți-l după cum doriți. Principalul lucru este că scriptul și identificatorul au fost același cuvânt.

Imaginea intitulată Faceți textul clipește în Pasul 10 HTML

4. Corectați scriptul. Numărul "1000" din script este responsabil pentru întârzierea intermitentă. Deoarece valoarea este indicată în microsecunde, "1000" face textul bliț o dată pe secundă. Reduceți acest număr pentru a accelera să clipească sau să o măriți pentru a încetini.

Întârzierea însăși, cel mai probabil, nu va respecta exact această valoare. Este probabil ca acesta să fie puțin mai scurt, dar poate dura mai mult timp dacă browserul este supraîncărcat de solicitări.

sfaturi

Pentru a schimba aspectul textului selectat, utilizați atributul de stil. Încercați adăugați stil ="Frontieră: Solid".
În plus față de lățimea la eticheta Marquee, puteți adăuga și un atribut de înălțime, dar multe browsere ignoră. Este posibil să observați diferența dacă înconjurați cadrul textului.
Pentru a forța textul să clipească, puteți utiliza animația CSS. Acesta este un proces destul de complicat și nu este recomandat pentru programatorii novice în CSS. Veți avea nevoie de un document CSS conectat, deoarece Firefox nu acceptă animații CSS cu CSS încorporate.

Avertizări

Nu utilizați etichetă Sau proiectarea textului utilizând tabelul stilurilor CSS, ca browsere moderne moderne sunt susținute de.