Kuidas panna tekst HTML-is vilkuma

by

Vilkuv tekst ei kuulunud kunagi HTML-i standardfunktsioonide hulka ja iga brauseri jaoks pole ühtegi lähenemisviisi. Lähim valik, mis kasutab ainult HTML-i, on marquee silt, kuid isegi see ei tööta Google Chrome’iga. JavaScript on usaldusväärsem meetod ja saate koodi kopeerida ja kleepida otse oma HTML-dokumenti.

1
Kasutage seda ainult isiklike projektide jaoks. Markee silt on vananenud ja arendajatel soovitatakse seda tungivalt vältida. Erinevad brauserid kuvavad seda erinevalt ja tulevased värskendused võivad takistada teksti vilkumist. Õppige selle asemel Javascripti, kui loote professionaalse veebisaidi. Google Chrome ei toeta atribuuti “scrollamount”, millele see meetod tugineb . Selles brauseris kerib teie tekst vilkumise asemel üle lehe.

2
Sisestage telgisildid vilkuva teksti ümber. Avage oma HTML-dokument lihtsas tekstiredaktoris. Tippige teksti ette, mida soovite vilkuma hakata. Tippige teksti järele . Nagu alati, seadistage oma HTML-leht esmalt, ja siltidega.

3
Määrake teksti laius. Muutke avamärgendiks . See ei muuda teie fondi suurust. Selle numbri muutmiseks võib olla kaks põhjust: kui teie tekst ei mahu, hakkab see vilkumise asemel kerima. Selle vältimiseks suurendage laiust. Chrome’is kerib tekst laiuse järgi määratud vahemaa ulatuses.

4
Seadke kerimisväärtus samale väärtusele kui laius. Kirjutage sama sildi sisse scrollamount=”300″ (või laiusega sama number). Vaikimisi kerib tähise tekst üle lehe. Kui määrate kerimise arvu laiusega samale numbrile, “kerib” tekst samasse kohta, kus see juba oli. See põhjustab vilkumise efekti. Teie tekst peaks nüüd välja nägema umbes selline:Siin vilgub tekst..

5
Muutke kerimise viivitust. Efekti nägemiseks avage HTML-fail veebibrauseris. Kui tekst vilgub liiga kiiresti või liiga aeglaselt, muutke kiirust atribuudiga scrolldelay=”500″. Vaikimisi on viivitus seatud 85-le. Kasutage suuremat numbrit aeglasemaks pilgutamiseks või väiksemat numbrit kiiremaks pilgutamiseks. Nüüd peaks teil olema:vilkumine tekst siia.

6
Piirake pilgutuste arvu (valikuline). Paljud veebikasutajad peavad vilkuvat teksti tüütuks. Animatsiooni peatamiseks, kui olete lugeja tähelepanu äratanud, sisestage silmus = “7”. Nüüd vilgub tekst seitse korda, seejärel kaob. (Võite seitsme asemel kasutada mis tahes numbrit.)Täidetud kood:Siin vilgub tekst.

7
Sisestage vilkumise skript oma HTML-dokumendi päisesse. Sisestage oma HTML-dokumendi märgendite ja vahele järgmine JavaScripti kood:function blinktext() {  var f = document.getElementById(‘announcement’);  setInterval(function() {     f.style.visibility = (f.style.visibility == ‘peidetud’ ? ” : ‘peidetud’);  }, 1000);}

8
Sisestage skripti laadimiseks käsk. Ülaltoodud kood määratles funktsiooni ja nimetas selle “blinktext”. Selle funktsiooni kasutamiseks oma HTML-is muutke märgend väärtuseks.

9
Määrake oma vilkuv tekst teadaandeks. See skript mõjutab ainult elemente, mille ID on “teade”. Asetage vilkuv tekst mis tahes elemendi sisse ja andke sellele ID. Tippige näiteks

Siia vilguv tekst.

või

Siia vilguv tekst.

. Saate selle ümber nimetada mis tahes soovi korral. Lihtsalt veenduge, et kasutaksite skriptis ja elemendi ID-s sama sõna.

10
Kohandage skripti. Skriptis olev arv “1000” määrab vilkumise vahelise viivituse. See on mikrosekundites, nii et väärtus 1000 paneb teksti vilkuma kord sekundis. Muutke see vilkumise kiirendamiseks väiksemaks või aeglustamiseks suuremaks. Tõenäoliselt ei vasta tegelik viivitus sellele väärtusele ideaalselt. See kipub olema veidi lühem, kuid võib võtta kauem aega, kui teie brauser on hõivatud muude taotlustega.

+++

  1. Kuidas kirjutada HTML-koodi

  2. Taustapildi määramine HTML-is

  3. Kuidas luua HTML-iga lihtsat veebilehte

  4. Kuidas kirjutada HTML-lehte

  5. Kuidas õppida HTML-i

  6. Kuidas HTML-i rida lisada

  7. Kuidas Xbox 360 välgutada