Ustvarite oznako brez JavaScripta

instagram viewer

Če želite na svojem spletnem mestu ustvariti preprosto oznako novic ali opozoriti na pomembno sporočilo, lahko besedilo prikažete kot oznako. Za to ne potrebujete nujno funkcije JavaScript, lahko uporabite preprosto oznako HTML, ki ima tudi odločilno prednost pred JavaScript.

Ustvarite oznako z oznako HTML " marquee"
Ustvarite oznako z oznako HTML "marquee"

Pomanjkljivost tikerja z JavaScript

Čeprav je razmeroma enostavno ustvariti premikajoče se besedilo z JavaScriptom, ima eno veliko pomanjkljivost.

  • Na primer, JavaScript lahko deaktivirate v ustreznem brskalniku obiskovalca, tako da vaša funkcija sploh ne bi bila prikazana.
  • Temu se lahko izognete tako, da preprosto dodate ustrezno oznako HTML "marquee" (eng. Uporabite "ticker"), ki ga podpirajo najpogostejši brskalniki, čeprav ni uradno standardiziran.
  • Ne glede na to, ali uporabljate JavaScript ali oznako označbe, se morate zavedati, da lahko obiskovalci tečejo besedilo kot nadležno. Danes, razen izdaj za novice, so ti le redko del sodobnih spletnih mest, tako da lahko z jasnimi strukturami in ujemanjem barv bolje izpostavite določen vidik naj bi.

Uporabite oznako v kodi HTML

Oznaka HTML "marquee" ima, tako kot večina oznak, preprosto strukturo, tako da morate v bistvu napisati samo oznako, da ustvarite oznako.

Ustvarite oznako novic za domačo stran - tako deluje

Če želite na svojo domačo stran dodati funkcijo označevanja novic, lahko to storite ...

  • To bi vam bilo dovolj Tvoje sporočilo napišite na želeno mesto. Posledično bi se besedilo "Vaše sporočilo" enakomerno premikalo v levo od desnega roba slike.
  • Če želite spremeniti to smer, potrebujete le atribut "smer". Direction) in nato vnesite angleško smer. Torej, če želite, da se besedilo premika od leve proti desni, bi morali Tvoje sporočilo napišite, ker bi morala biti smer vožnje na "desno".
  • Tako, da se oznaka vedno premika naprej in nazaj, torej samodejno preklopi v drugo smer, takoj, ko je rob slike dosežen, lahko uporabite atribut "obnašanje" z vrednostjo "nadomestni" uporaba. Na primer, lahko izgleda tako: Tvoje sporočilo.
  • Prav tako lahko vplivate na hitrost drsenja besedila z uporabo obeh atributov "scrollamount" in "scrolldelay". Atribut "scrollamount" določa, v kolikšni meri se mora besedilo premakniti z vsakim korakom, torej koliko slikovnih pik naj skoči naprej. Atribut "scrolldelay" določa čas med posameznimi skoki, torej ustrezno zakasnitev. Hitro napredujoče besedilo bi se lahko na primer začelo z "Tvoje sporočilo biti ustvarjen.
  • Končno bi lahko oblikovali tudi območje za označevanje. Na primer, imate možnost nastavitve "višine" območja za označevanje, enega Nastavite barvo ozadja ali prilagodite barvo pisave besedila, pri čemer slednje temelji na dodatnem oznake pisave so možne. Za 50px visoko območje, ki bi moralo imeti črno ozadje in belo pisavo, bi morali napisati: Tvoje sporočilo.

Kako koristen se vam zdi ta članek?

click fraud protection