Pentru a crea o linie târâtoare, HTML areeticheta de închidere <marquee>. Poate conține nu numai text, ci și alte elemente: tabele, imagini, formulare și așa mai departe. Cu ajutorul atributelor, nu este setată doar mișcarea orizontală, ci și mișcarea verticală. Pentru acesta din urmă, este necesar să indicați înălțimea câmpului.
Destul de interesant, el a fost inițiala fost creat pentru browserul Internet Explorer, iar alții au învățat să îl înțeleagă mai târziu. Deși se întâmplă de obicei invers și browserul de la Microsoft acționează întotdeauna ca un întârziat, creând multe probleme pentru programatori.
<marquee> - Etichetă cu crawlere HTML. Este acceptat de toate versiunile actuale ale browserelor. În acest sens, nu există probleme și îl puteți folosi în siguranță.
Cu toate acestea, din punct de vedere semantic, este depreciat și nu mai este inclus în specificația HTML. Astfel, codul care include această etichetă nu va fi validat.
Care este motivul pentru aceasta?În HTML-ul modern, nu există nicio linie târâtoare, deoarece CSS face toată animația și stilul. Uneori trebuie să utilizați și JS. În consecință, HTML este responsabil numai pentru marcare. Cu toate acestea, <marquee> va funcționa foarte bine datorită compatibilității sale continue cu versiunile mai vechi.
În HTML, linia târâtoare este specificată de eticheta de închidere:
<marquee> ... </marquee>
Nu numai textul poate fi plasat în interior, ci și alte elemente, de exemplu, fotografii sau tabele. Amintiți-vă că, deși acest cod funcționează, acesta nu va trece valabilitate.
Puteți controla linia târâtoare în HTML folosind atribute. Viteza de mișcare este setată prin atributul scrollamount. Va arăta astfel:
<marquee scrollamount = "1"> un text </marquee>
Schimbarea vitezei are loc datorită constanteiștergerea informațiilor despre poziția textului și afișarea acestuia într-un loc nou. Prin modificarea valorii din atribut, setăm numărul de pixeli între poziția veche și cea nouă. În consecință, cu cât valoarea este mai mare, cu atât este mai mare viteza. Acest atribut este acceptat de toate browserele.
Dacă viteza de derulare este prea rapidă,limitarea automată se va activa pentru a menține textul lizibil. Dacă trebuie să evitați această limitare, introduceți atributul truespeed. Rețineți că nu toate versiunile browserului o înțeleg. IE și Firefox pot funcționa cu el.
Întârzierea între derularea textului poate fi setată utilizând atributul scrolldelay.
În funcție de lățime, eticheta va umple întreaga lățime a părinteluielement. Și în înălțime va fi egal cu conținutul din interior. Pentru a schimba acest lucru, trebuie să utilizați două atribute pentru înălțime și lățime. Acestea sunt înălțimea și, respectiv, lățimea. Se pot utiliza pixeli sau procente.
Există, de asemenea, încă două atribute, și anume hspace șivspace. Acestea sunt necesare pentru a crea spațiu alb în jurul liniei de accesare sau, mai degrabă, a indentării. Distanța este setată orizontal și respectiv vertical.
În plus față de viteză, puteți seta și alteleparametrii mișcării. Direcția mișcării este controlată de atributul direcției. În mod implicit, textul se deplasează de la dreapta la stânga. Această mișcare corespunde valorii dreptului. Pentru a face textul să se deplaseze în direcția opusă, trebuie doar să specificați stânga și va arăta astfel:
<marquee direction = "left"> ... </marquee>
În plus față de derularea orizontală, puteți specifica derularea verticală. Folosim pentru a muta conținutul în sus și în jos pentru a muta în jos.
Pentru a schimba natura mișcării, mai sunt douăatribut interesant și util. Puteți seta numărul de derulare după care conținutul se va opri în poziția sa extremă și nu se va mișca. Această proprietate corespunde atributului buclă. Valoarea implicită este -1. Dacă este setat la 0, textul nu se va mișca deloc. Numerele întregi peste 0 vor începe contorul.
Atributul mai voluminos este comportamentul.El este responsabil pentru modul în care se mișcă conținutul. Implicit este scroll. Înseamnă că conținutul se va deplasa într-o direcție dată și, după ce este complet ascuns, își va începe din nou mișcarea.
Dacă există puțin conținut, puteți seta atributulvaloare alternativă. După atingerea punctului extrem, conținutul va începe să se miște în direcția opusă. Și deci un număr infinit de ori, dacă contorul nu este setat.
Ultima valoare este slide. Acesta instruiește conținutul să meargă până la capăt și să se oprească.
Eticheta <marquee> include un atribut bgcolor care vă permite să setați culoarea de fundal a rândului. În mod implicit, este la fel ca pagina.
HTML nu este suficient pentru a crea o linie târâtoare frumoasă. Stilurile trebuie utilizate. De exemplu, dacă vrem să facem textul mai frumos:
<marquee scrollamount = "1" style = "color: # D9470D; font-size: 40px; font-weight: mai îndrăzneț; înălțimea liniei: 150%; "> Ticker </marquee>
Există multe modalități de a utiliza linia târâtoare.Puteți folosi doar textul care rulează pentru a atrage atenția. Este posibil să creați un fel de informator care conține o cantitate mare de text. De asemenea, puteți insera o serie de imagini care se mișcă ușor. Aceasta va afișa mai mult conținut.
O linie de rulare în cod HTML vă va ajuta să creați o animație simplă dacă utilizați o imagine animată, de exemplu, a unui om care rulează.
Am prezentat cum să creăm o linie târâtoare în HTML.Aceasta este o metodă destul de simplă și ușor de învățat. Cu toate acestea, este depreciat și nu trece de validare. Nu am primit dezvoltare și asistență ulterioară, care pot cauza probleme atunci când lucrez în diferite browsere.
Nu recomandăm utilizarea acestuia.Pentru a crea linie târâtoare, sau mai bine zis animație în general, CSS3 are o regulă unică @keyframes. Vă permite să creați cadre secvențiale de animație. Și proprietatea de animație determină deja livrarea acestei animații. Acest set de instrumente oferă mult mai multe funcționalități decât vechea etichetă <marquee>. Este, de asemenea, mult mai convenabil de utilizat și, cel mai important, acest lucru se străduiește de mulți ani: să curățe HTML de junk-uri inutile și să-l facă mai lizibil și structurat.