Generați un ticker fără JavaScript
Dacă doriți să creați un simplu ticker de știri pe site-ul dvs. web sau să indicați un mesaj important, puteți afișa textul ca un ticker. Nu aveți neapărat nevoie de o funcție JavaScript pentru aceasta, puteți folosi o etichetă HTML simplă, care are și un avantaj decisiv față de JavaScript.
Dezavantajul unui ticker cu JavaScript
Deși este relativ ușor să creați text în mișcare cu JavaScript, are un dezavantaj major.
- De exemplu, JavaScript ar putea fi dezactivat în browserul respectiv al vizitatorului, astfel încât funcția dvs. să nu fie afișată deloc.
- Puteți evita acest lucru prin simpla adăugare a etichetei HTML corespunzătoare „marcaj” (Eng. Folosiți „ticker”), care este acceptat de cele mai frecvente browsere, deși nu este standardizat oficial.
- Indiferent dacă utilizați JavaScript sau eticheta de marcaj, ar trebui să știți că un text care rulează poate fi perceput ca enervant de către vizitatorii dvs. Astăzi, cu excepția bifatorilor de știri, bifatorii fac foarte rar parte din site-urile web moderne, astfel încât să puteți arăta mai bine un anumit aspect cu structuri clare și potrivirea culorilor ar trebui să.
Utilizați Marquee în cod HTML
Eticheta HTML „marcaj”, la fel ca majoritatea etichetelor, are o structură simplă, astfel încât, în principiu, trebuie doar să scrieți eticheta pentru a genera un bifator.
Creați un ticker de știri pentru pagina de pornire - așa funcționează
Dacă doriți să adăugați o funcție de știri pe pagina de pornire, puteți face acest lucru ...
- Asta ar fi suficient pentru tine scrie în locul dorit. Drept urmare, textul „Mesajul dvs.” se va deplasa constant spre stânga de la marginea dreaptă a imaginii.
- Dacă doriți să schimbați această direcție, aveți nevoie doar de atributul „direcție”. Direction) și apoi introduceți direcția engleză. Deci, dacă doriți ca textul să se deplaseze de la stânga la dreapta, ar trebui să faceți acest lucru scrie, pentru că direcția de deplasare ar trebui să fie la „dreapta”.
- Astfel, bifatorul se mișcă întotdeauna înainte și înapoi, adică comută automat în cealaltă direcție, imediat ce marginea imaginii este atinsă, puteți utiliza atributul „comportament” cu valoarea „alternativ” utilizare. De exemplu, ar putea arăta astfel:
Mesajul tau. - De asemenea, aveți opțiunea de a influența viteza de derulare a textului folosind cele două atribute „scrollamount” și „scrolldelay”. Atributul „scrollamount” definește măsura în care textul respectiv ar trebui să se deplaseze la fiecare pas, adică câți pixeli ar trebui să sară înainte. Atributul „scrolldelay” determină timpul dintre salturile individuale, adică întârzierea respectivă. Un text care progresează rapid ar putea, de exemplu, să înceapă cu „ fi generat.
- În cele din urmă, ați putea proiecta și zona de marcare. De exemplu, aveți opțiunea de a seta „înălțimea” zonei de marcare, una Setați culoarea de fundal sau reglați culoarea fontului textului, acesta din urmă pe baza suplimentului etichetele de fonturi sunt posibile. Pentru o zonă înaltă de 50 px care ar trebui să aibă un fundal negru și un font alb, ar trebui să scrieți: .
Cât de util găsiți acest articol?
