Sukurkite žymeklį be „JavaScript“

instagram viewer

Jei norite savo svetainėje sukurti paprastą naujienų žymeklį arba nurodyti svarbų pranešimą, galite rodyti tekstą kaip žymeklį. Tam nebūtinai reikia „JavaScript“ funkcijos, vietoj to galite naudoti paprastą HTML žymą, kuri taip pat turi lemiamą pranašumą prieš „JavaScript“.

Sukurkite žymeklį su HTML žyma „marquee“
Sukurkite žymeklį su HTML žyma „marquee“

Žymeklio su „JavaScript“ trūkumas

Nors sukurti judantį tekstą naudojant „JavaScript“ yra gana paprasta, jis turi vieną didelį trūkumą.

  • Pavyzdžiui, „JavaScript“ gali būti išjungta atitinkamoje lankytojo naršyklėje, kad jūsų funkcija nebūtų rodoma.
  • To galite išvengti tiesiog pridėję atitinkamą HTML žymą „marquee“ (angl. Naudokite „ticker“), kurį palaiko dažniausiai naudojamos naršyklės, nors jis nėra oficialiai standartizuotas.
  • Nepriklausomai nuo to, ar naudojate „JavaScript“, ar pažymėtą žymą, turėtumėte žinoti, kad lankytojai gali suvokti, kad einantis tekstas yra erzinantis. Šiandien, išskyrus naujienų žymeklius, žymekliai labai retai yra šiuolaikinių svetainių dalis, kad galėtumėte geriau nurodyti tam tikrą aspektą aiškiomis struktūromis ir spalvų deriniais turėtų.

HTML kode naudokite „Marquee“

HTML žyma „marquee“, kaip ir dauguma žymų, turi paprastą struktūrą, todėl jūs iš esmės turite tik parašyti žymą, kad sugeneruotumėte žymeklį.

Sukurkite pagrindinio puslapio naujienų žymeklį - taip jis veikia

Jei norite prie savo pagrindinio puslapio pridėti naujienų žymeklio funkciją, galite tai padaryti ...

  • To tau pakaktų Tavo žinutė rašykite norimoje vietoje. Dėl to tekstas „Jūsų pranešimas“ nuolat judės į kairę nuo dešiniojo vaizdo krašto.
  • Jei norite pakeisti šią kryptį, jums reikia tik atributo „kryptis“. Kryptis), tada įveskite kryptį anglų kalba. Taigi, jei norite, kad tekstas judėtų iš kairės į dešinę, turėtumėte tai padaryti Tavo žinutė rašykite, nes kelionės kryptis turėtų būti „į dešinę“.
  • Kad žymeklis visada judėtų pirmyn ir atgal, t. Y. Automatiškai persijungtų kita kryptimi, kai tik pasiekiamas paveikslo kraštas, galite naudoti atributą „elgesys“ su reikšme „alternatyvus“ naudoti. Pavyzdžiui, tai gali atrodyti taip: Tavo žinutė.
  • Taip pat turite galimybę paveikti teksto slinkimo greitį naudodami du atributus „scrollamount“ ir „scrolldelay“. Atributas „scrollamount“ apibrėžia, kiek atitinkamas tekstas turėtų judėti kiekvienu žingsniu, t. Y. Kiek pikselių jis turėtų pereiti į priekį. Atributas „scrolldelay“ nustato laiką tarp atskirų šuolių, t. Y. Atitinkamą uždelsimą. Sparčiai progresuojantis tekstas gali prasidėti, pavyzdžiui, „Tavo žinutė būti sugeneruotam.
  • Galiausiai, jūs taip pat galėtumėte suprojektuoti žymeklio sritį. Pavyzdžiui, turite galimybę nustatyti palapinės zonos „aukštį“, a Nustatykite fono spalvą arba koreguokite teksto šrifto spalvą, pastarąją atsižvelgdami į papildomą galimos šrifto žymos. Jei norite 50 pikselių aukščio srities, kurioje turėtų būti juodas fonas ir baltas šriftas, turėsite parašyti: Tavo žinutė.

Kaip jums atrodo naudingas šis straipsnis?

click fraud protection