Luo tikeri ilman JavaScriptiä

instagram viewer

Jos haluat luoda yksinkertaisen uutistunnuksen verkkosivustollesi tai huomauttaa tärkeän viestin, voit saada tekstin näkyviin. Et välttämättä tarvitse JavaScript -toimintoa tähän, voit käyttää sen sijaan yksinkertaista HTML -tagia, jolla on myös ratkaiseva etu JavaScriptiin nähden.

Luo ticker HTML -tunnisteella " marquee"
Luo ticker HTML -tunnisteella "marquee"

Haitta JavaScriptin kanssa

Vaikka liikkuvan tekstin luominen JavaScriptin avulla on suhteellisen helppoa, sillä on yksi merkittävä haitta.

  • Esimerkiksi JavaScript voidaan deaktivoida vierailijan vastaavassa selaimessa, jotta toimintoasi ei näytetä ollenkaan.
  • Voit välttää tämän lisäämällä vain sopivan HTML -tagin "marquee" (eng. Käytä "ticker"), jota yleisimmät selaimet tukevat, vaikka sitä ei ole virallisesti standardoitu.
  • Riippumatta siitä, käytätkö JavaScriptiä vai valintatunnistetta, sinun tulee olla tietoinen siitä, että kävijät voivat pitää käynnissä olevaa tekstiä ärsyttävänä. Nykyään, paitsi uutisia, merkit ovat hyvin harvoin osa nykyaikaisia ​​verkkosivustoja, jotta voit paremmin tuoda esiin tietyn näkökohdan selkeillä rakenteilla ja värien sovittamisella pitäisi.

Käytä Marquee HTML -koodissa

HTML -tunniste "marquee", kuten useimmat tagit, on rakenteeltaan yksinkertainen, joten sinun on periaatteessa vain kirjoitettava tagi, jotta voit luoda tikerin.

Luo uutissivu kotisivulle - näin se toimii

Jos haluat lisätä uutissivut -toiminnon etusivullesi, voit tehdä tämän ...

  • Se riittäisi sinulle Viestisi kirjoita haluttuun paikkaan. Tämän seurauksena teksti "Viestisi" siirtyisi tasaisesti vasemmalle kuvan oikeasta reunasta.
  • Jos haluat muuttaa tätä suuntaa, tarvitset vain määritteen "suunta". Suunta) ja anna sitten englanninkielinen suunta. Joten jos haluat tekstin siirtyvän vasemmalta oikealle, sinun on tehtävä se Viestisi kirjoittaa, koska ajosuunnan tulee olla "oikealla".
  • Jotta tikeri liikkuu aina edestakaisin, eli vaihtuu automaattisesti toiseen suuntaan, heti kun kuvan reuna on saavutettu, voit käyttää määritettä "käyttäytyminen" arvolla "vaihtoehtoinen" käyttää. Se voisi esimerkiksi näyttää tältä: Viestisi.
  • Sinulla on myös mahdollisuus vaikuttaa tekstin vieritysnopeuteen käyttämällä kahta määritettä "scrollamount" ja "scrolldelay". "Scrollamount" -attribuutti määrittää, missä määrin vastaavan tekstin tulisi liikkua jokaisen vaiheen yhteydessä, eli kuinka monta pikseliä sen pitäisi hypätä eteenpäin. "Scrolldelay" -attribuutti määrittää yksittäisten hyppyjen välisen ajan eli vastaavan viiveen. Nopeasti etenevä teksti voisi alkaa esimerkiksi "Viestisi syntyä.
  • Lopuksi voit myös suunnitella ticker -alueen. Voit esimerkiksi asettaa teltta -alueen "korkeuden", yhden Aseta taustaväri tai säädä tekstin fonttiväri, jälkimmäinen lisävärin perusteella kirjasintunnisteet ovat mahdollisia. Jos haluat kirjoittaa 50px: n korkean alueen, jossa on musta tausta ja valkoinen fontti, sinun on kirjoitettava: Viestisi.

Kuinka hyödylliseksi pidät tätä artikkelia?

click fraud protection