Gratis stap vir stap instruksies 
Laat teks flikker in html
Inhoud
Knipperende teks was nog nooit deel van HTML se standaardkenmerke nie en daar is geen benadering wat vir elke blaaier werk nie. Die mees soortgelyke opsie wat net html gebruik, is die markiestent, maar selfs dit werk nie met Google Chrome nie. Javascript is `n meer betroubare metode en jy kan die kode direk in jou HTML-dokument sny en plak.
Trappe
Metode 1 van 2: Gebruik die markiestent
1. Gebruik die markiestent net vir persoonlike projekte. Die markiestent-etiket is verouderd en ontwikkelaars beveel sterk aan om dit te vermy. Verskillende blaaiers sal dit anders vertoon en toekomstige opdaterings kan verhoed dat die teks heeltemal flikker. as jy `n professionele webwerf gaan skep.
- Google Chrome ondersteun nie die `scrollamount`-kenmerk, waarop hierdie metode staatmaak nie. In daardie blaaier rol jou teks oor die bladsy in plaas daarvan om te flikker.
2. Plaas die markiestent-etikette om die flikkerende teks. Maak jou HTML-dokument oop in `n eenvoudige woordverwerker. tipe
Soos gewoonlik stel eers jou HTML-bladsy op van 
3. Stel die teks breedte. Verander die openingsmerker na As jou teks nie pas nie, sal dit rol in plaas van flikker. Vergroot die breedte om dit te vermy. In Chrome sal die teks rol oor `n afstand wat deur sy breedte bepaal word.
4. Stel die rolbedrag op dieselfde waarde as die breedte. Binne dieselfde merker wat jy skryf scrollamount=`300` (of dieselfde nommer as die breedte). By verstek blaai die markiestentteks oor die skerm. Deur die rolbedrag op dieselfde nommer as die breedte te stel, sal die teks `scroll` in dieselfde posisie waarin dit voorheen was. Dit gee `n knipperende effek.
Jou teks moet nou iets soos volg lyk:
5. Verander die rolvertraging. Maak die HTML-lêer in `n webblaaier oop om die effek te sien. As die teks te vinnig of te stadig flits, verander die spoed met die kenmerk scrolldelay=`500`. Die verstekvertraging is op 85 gestel. Gebruik `n hoër getal vir `n stadiger knip of `n laer getal vir `n vinniger knip.
Jy behoort nou te hê:
6. Beperk die aantal flitse (opsioneel). Baie webgebruikers vind flikkerende teks irriterend. Om die animasie te stop sodra jy die leser se aandag het, voer in lus=`7`. Nou sal die teks sewe keer flikker en dan verdwyn. (Jy kan enige getal in plaas van sewe gebruik.)
Die voltooide kode:
Metode 2 van 2: Gebruik JavaScript
1. Voeg `n knipperskrif by die kopskrif van jou HTML-dokument in. Tussen die funksie blinktext() {
var f=dokument.getElementById(`aankondiging`);
setInterval(funksie() {
f.styl.sigbaarheid=(f.styl.sigbaarheid==`versteek` ? `` : `versteek`);
}, 1000);
}
var f=dokument.getElementById(`aankondiging`);
setInterval(funksie() {
f.styl.sigbaarheid=(f.styl.sigbaarheid==`versteek` ? `` : `versteek`);
}, 1000);
}
2. Voeg die opdrag in om jou skrip te laai. Die kode hierbo het `n funksie gedefinieer en dit `blinktext` genoem. Om hierdie funksie in jou HTML te gebruik, verander die 
3. Definieer jou flikkerende teks as `n aankondiging. Hierdie skrif raak slegs elemente met die id `aankondiging`. Plaas jou flikkerende teks binne elke element en gee dit daardie id. Byvoorbeeld, tik 
Jy kan dit hernoem na enigiets wat jy wil. Maak net seker dat jy dieselfde woord in die skrif en die element-ID gebruik.
4. Pas die skrif aan. Die nommer `1000` in die skrif stel die vertraging tussen knipsels. Dit is in mikrosekondes, so `n waarde van 1000 sal die teks een keer per sekonde laat flikker. Verander dit na `n laer getal om die flikkering te versnel of `n hoër getal om dit te vertraag.
Die werklike vertraging sal waarskynlik nie presies gelyk aan hierdie waarde wees nie. Dit is gewoonlik `n bietjie korter, maar kan langer neem as jou blaaier besig is met ander versoeke.
Wenke
- Jy kan die voorkoms van die markiestent-teks aanpas met die stylkenmerk. Probeer style=`border:solid` byvoeg.
- Jy kan ook `n hoogte-kenmerk in die markiestent-merker insluit benewens breedte, maar baie blaaiers sal dit ignoreer. Jy sal dalk `n verskil sien as jy `n rand by die markiestent voeg.
- Jy kan ook CSS-animasies gebruik om teks te laat flikker. Dit is nogal moeilik en word nie aanbeveel vir beginners in CSS nie. Let daarop dat jy `n gekoppelde CSS-dokument moet hê, aangesien Firefox nie CSS-animasies met inlyn CSS ondersteun nie.
Waarskuwings
- Moenie die
Artikels oor die onderwerp "Laat teks flikker in html"
Оцените, пожалуйста статью
Gewilde
