Generirajte oznaku bez JavaScripta

instagram viewer

Ako želite izraditi jednostavan označivač vijesti na svojoj web stranici ili istaknuti važnu poruku, možete prikazati tekst kao oznaku. Za to vam ne treba nužno JavaScript funkcija, umjesto toga možete koristiti jednostavnu HTML oznaku koja također ima odlučujuću prednost u odnosu na JavaScript.

Izradite oznaku s HTML oznakom " okvir za izbor"
Izradite oznaku s HTML oznakom "okvir za izbor"

Nedostatak tikera s JavaScriptom

Iako je relativno lako stvoriti pokretni tekst pomoću JavaScripta, on ima jedan veliki nedostatak.

  • Na primjer, JavaScript se može deaktivirati u odgovarajućem pregledniku posjetitelja kako se vaša funkcija uopće ne bi prikazala.
  • To možete izbjeći jednostavnim dodavanjem odgovarajuće HTML oznake "marquee" (eng. Koristite "ticker"), koji podržavaju najčešći preglednici, iako nije službeno standardiziran.
  • Bez obzira na to koristite li JavaScript ili oznaku za označavanje, trebali biste biti svjesni da posjetitelji tekući tekst mogu doživjeti kao neugodan. Danas su, s iznimkom vijesti, rijetko dio modernih web stranica, kako biste bolje istaknuli određeni aspekt jasnim strukturama i usklađivanjem boja trebao.

Koristite Marquee u HTML kodu

HTML oznaka "marquee", poput većine oznaka, ima jednostavnu strukturu, tako da u osnovi morate samo napisati oznaku da biste generirali oznaku.

Izradite oznaku vijesti za početnu stranicu - tako to funkcionira

Ako želite dodati funkciju označavanja vijesti na svoju početnu stranicu, to možete učiniti ...

  • To bi vam bilo dovoljno Tvoja poruka napišite na željeno mjesto. Kao rezultat toga, tekst "Vaša poruka" stalno bi se pomicao ulijevo od desnog ruba slike.
  • Ako želite promijeniti ovaj smjer, potreban vam je samo atribut "smjer". Direction), a zatim unesite engleski smjer. Dakle, ako želite da se tekst pomiče slijeva nadesno, morali biste Tvoja poruka pišite jer bi smjer putovanja trebao biti "desno".
  • Tako da se oznaka uvijek pomiče naprijed -natrag, tj. Automatski se prebacuje u drugom smjeru, čim se dosegne rub slike, možete upotrijebiti atribut "ponašanje" s vrijednošću "alternativno" koristiti. Na primjer, to bi moglo izgledati ovako: Tvoja poruka.
  • Također imate mogućnost utjecaja na brzinu pomicanja teksta pomoću dva atributa "scrollamount" i "scrolldelay". Atribut "scrollamount" definira mjeru u kojoj bi se dotični tekst trebao pomicati sa svakim korakom, tj. Koliko piksela bi trebao skočiti naprijed. Atribut "scrolldelay" određuje vrijeme između pojedinačnih skokova, odnosno odgovarajuće kašnjenje. Tekst koji brzo napreduje mogao bi, na primjer, početi s "Tvoja poruka biti generirano.
  • Konačno, također možete dizajnirati područje označavanja. Na primjer, imate mogućnost postavljanja "visine" područja za izbor, jedan Postavite boju pozadine ili prilagodite boju fonta teksta, potonji se temelji na dodatnom moguće su oznake fontova. Za područje od 50 piksela koje bi trebalo imati crnu pozadinu i bijeli font, morali biste napisati: Tvoja poruka.

Koliko vam ovaj članak pomaže?

click fraud protection