Cum se face un text clipit cu HTML

Textele clipite nu au fost niciodată parte a funcțiilor HTML standard și nu există nici o modalitate de a obține acel efect care să funcționeze în toate browserele. Cea mai bună opțiune care utilizează numai codul HTML este eticheta "marquee", dar nu funcționează cu Google Chrome. Utilizarea jаvascript este o metodă mai sigură și puteți copia și insera codul direct în documentul dvs. HTML.

conținut

Pași
Metoda 1utilizarea marcajului de etichete
Metoda 2utilizarea jаvascript
Sfaturi
Avertismente
Surse și cotatii

pași

Metoda 1
Utilizarea marcajului de etichete

Imaginea intitulată Make text Blink in HTML Pasul 1

Utilizați eticheta numai pentru proiectele personale. Această etichetă este depășită, iar utilizarea acesteia de către dezvoltatori este puternic descurajată. Textele cu această etichetă sunt afișate diferit, în funcție de browserul utilizat, iar actualizările viitoare pot chiar împiedica clipelarea unui text. Aflați cum să utilizați jаvascript dacă creați un site profesional.

Google Chrome nu acceptă atributul "scrollamount" folosit de această metodă. În Chrome, textul va defila prin pagină în loc să clipească.

Imaginea intitulată Faceți textul să clipească în HTML Pasul 2

Introduceți textul dorit între etichete. Deschideți documentul HTML într-un editor de text simplu. Introduceți la începutul textului. Introduceți la sfârșitul textului.

Ca și în cazul oricărui alt document HTML, aveți nevoie scrieți primele etichete de bază: , , și .

Imaginea intitulată Faceți textul să clipească în HTML Pasul 3

Setați lățimea textului. Schimbați eticheta de început la width = "300">. Acest lucru nu va schimba dimensiunea fontului. Există două motive pentru care ar putea fi necesar să modificați lățimea:

Dacă textul nu se potrivește, acesta va derula în loc să clipească. Măriți lățimea pentru a împiedica acest lucru.
În Chrome, textul se va derula cu o distanță determinată de lățime.

Imaginea intitulată Make text Blink in HTML Pasul 4

Setați "scrollamount" la aceeași valoare a lățimii. În cadrul aceleiași etichete, tastați scrollamount = "300" (sau oricare ar fi valoarea aleasă pentru lățime). Implicit, textul se va derula pe pagină. Prin setarea "scrollamount" pentru a avea același număr ca lățimea, textul va "defila" în aceeași poziție ca și când este. Acest lucru face ca textul să clipească.

Textul dvs. ar trebui să arate astfel:
Text aici..

Imaginea intitulată Make text Blink in HTML Pasul 5

Modificați viteza de clipire. Deschideți fișierul HTML într-un browser pentru a vedea efectul. Dacă textul clipește prea repede sau prea lent, schimbați viteza cu atributul scrolldelay = "500". Valoarea implicită este 85. Utilizați un număr mai mare pentru ca textul să lumineze intermitent mai lent sau un număr mai mic pentru o clipire mai rapidă.

Codul ar trebui să semene acum cu următorul exemplu:
Text aici.

Imaginea intitulată Faceți textul să clipească în HTML Pasul 6

Limitați numărul clipirilor (opțional). Mulți utilizatori găsesc un text care clipește pe pagini enervante. Pentru a opri efectul după ce ați atras deja atenția cititorului, introduceți bucla = "7". Acum, textul va clipi doar de șapte ori și va dispărea. (Puteți schimba "7" la orice alt număr pe care îl preferați).

Codul complet este după cum urmează:
Text aici.

Metoda 2
Utilizarea jаvascript

Imaginea intitulată Faceți textul să clipească în HTML Pasul 7

Introduceți un script la începutul documentului HTML. Între etichete și a documentului HTML, introduceți următorul cod jаvascript:

funcția clipește () {
var f = document.getElementById (`ad`) -
setInterval (funcția () {
f.style.visibility = (f.style.visibility == `ascuns`? `:` ascuns `) -
}, 1000) -
}

Imaginea intitulată Faceți textul să clipească în HTML Pasul 8

Puneți comanda pentru a încărca scriptul. Codul de mai sus a definit o funcție cu numele "clipește". Pentru a utiliza această funcție în HTML, schimbați eticheta la .

Imaginea intitulată Faceți textul să clipească în HTML Pasul 9

Setează textul ca anunț. Scriptul va afecta numai elementele cu id "ad". Puneți textul intermitent în interiorul oricărui element și utilizați acest id. De exemplu, tastați

Text aici.

Puteți să puneți numele dorit. Nu uitați să utilizați același cuvânt în id script și element.

Imaginea intitulată Make text Blink in HTML Pasul 10

Reglați scenariul. Numărul "1000" din script stabilește timpul dintre fiecare clipire. Valoarea este în microsecunde, astfel încât o valoare de 1000 cauzează blițul text o dată pe secundă. Utilizați un număr mai mic pentru a face ca textul să clipească mai repede sau un număr mai mare pentru a clipi mai încet.

Timpul real nu va fi probabil acea valoare. De obicei, este puțin mai scurt, dar poate dura mai mult dacă browserul este ocupat cu alte procese.

sfaturi

Puteți ajusta aspectul textului cu atributul "stil". Adăugați text: style = "border: solid".
Un atribut de înălțime și lățime poate fi inclus în interiorul etichetei de marcă, însă multe browsere vor ignora comanda. Puteți spune diferența dacă ați adăugat o margine.
De asemenea, puteți utiliza animații cu CSS pentru a face ca textul să clipească. Acest lucru este destul de complicat și nu este recomandat pentru începători în CSS. Rețineți că va trebui să legați un document CSS, deoarece Firefox nu acceptă în mod implicit animațiile CSS.