Suorita tekstieditori ja avaa sitten tiedosto, joka sisältää Web-sivun tekstin. Tiedoston nimitunniste voi olla .htm, .html, .xhtml, .xhtm tai muu.
Sulje HTML-tunnisteiden väliin teksti, jonka haluat näkyvän vilkkuvana. Voit käyttää
Suorita tekstieditori ja avaa sitten tiedosto, joka sisältää Web-sivun tekstin. Tiedoston nimitunniste voi olla .htm, .html, .xhtm, .xhtml tai muu.
Tarkista, sisältääkö HTML-tiedosto rivin, jossa lukee "", lisää tässä esimerkissä näkyvä tekstirivi. Esimerkkinä tämä rivi aiheuttaa kaiken tämän Web-sivun tekstin tunnisteella "
" näkyy vilkkuvana. Käytä tätä tekniikkaa vaikuttaaksesi mihin tahansa otsikkotekstiin (h1, h2, h3,... h6), Web-sivun koko runko (body) tai teksti, jossa on tietty HTML-tunniste.
Käynnistä tekstieditori ja avaa sitten CSS (Cascading Style Sheet) -tiedosto, joka ohjaa sen Web-sivun esitystapaa, jonka tekstin haluat näkyvän vilkkuvana. Tiedoston nimitunniste voi olla .css tai jokin muu. Se saattaa löytyä samasta kansiosta tai hakemistosta kuin HTML-tiedostot, joiden näyttöä se hallitsee, tai ei.
Etsi CSS-tiedostosta jompikumpi tässä esimerkissä esitetyistä kahdesta rivistä. Esimerkissä ellipsit ("...") osoittavat, että mitä tahansa tekstiä saattaa löytyä CSS-tiedostosi rivin kyseisestä osasta.
Lisää tai muokkaa rivejä tässä esimerkissä esitetyllä tavalla. Kaikkiin tähän CSS-tiedostoon viittaavien HTML-tiedostojen kohdalla uusi rivi aiheuttaa kaiken tekstin, joka on merkitty "
" -tunniste näkyy vilkkuvana, kun sitä tarkastellaan verkkoselaimessa.
Jos haluat, että vain tietyllä tunnuksella merkitty tekstiosa vilkkuu, muokkaa CSS-tiedostoa ja HTML-tiedostoa tämän esimerkin mukaisesti. Voit määrittää tämän tunnuksen HTML-tiedostossa muokkaamalla minkä tahansa tekstin HTML-tunnistetta tällä tavalla.
Käynnistä tekstieditori. Kirjoita tässä esimerkissä näkyvät rivit uuteen tekstitiedostoon. Tallenna teksti tiedostoon, jonka tunniste on .htm.
Avaa uusi HTML-tiedosto verkkoselaimessa. Huomaa, että rivi "Tekstisi" vilkkuu. Tämän tuloksen pitäisi näkyä melkein kaikissa verkkoselaimissa, mukaan lukien Microsoft Internet Explorer, jossa JavaScript on käytössä.
Jos haluat käyttää esimerkissä näkyvää JavaScript-ohjelmaa, kopioi ohjelman rivit uudesta HTML-tiedostosta ja liitä ne toiseen HTML-tiedostoon rivin jälkeen, jossa on tunniste "
". Varmista toisessa HTML-tiedostossa, että rivillä on tunniste "" sisältää suluissa tämän tekstin: onload="setInterval('blinkIt()',500)"Kuten tässä esimerkissä näkyy, jos kirjauduit tietokoneellesi nimellä "JBrown" ja tiedosto My-File.html löytyy työpöydältäsi, kirjoita Windows-tietokoneessa file:///C:/Documents%20and%20Settings/JBrown/Desktop/My-File.html ja paina Enter, tai Macissa kirjoita file:///Users/JBrown/Desktop/My-File.html ja paina Tulla sisään.
Kärki
Joissakin Web-selaimissa, jotka voivat näyttää vilkkuvaa tekstiä, käyttäjä voi ohittaa tämän ominaisuuden selaimen omilla asetuksilla. Käyttömukavuuden vuoksi esimerkiksi Mozilla Firefox -selaimen about: config -asetus "browser.blink_allowed" määrittää, näyttääkö vilkkuvaksi merkitty teksti todella vilkkuvalta.
Huomaa, että HTML
"text-decoration: blink" -ilmoitusta pidetään vakiona CSS 1 -suosituksissa ja CSS 2.1:ssä World Wide Web Consortiumin, kansainvälisen standardointijärjestön, julkaisema spesifikaatio verkko. Tätä julistusta tulisi tukea nyt ja tulevaisuudessa kaikkien tärkeimpien kansainvälisten standardien mukaisten verkkoselaimien kanssa.
Varoitus
Vilkkuvan tekstin käyttäminen Web-sivulla ei ole suositeltavaa. Yksi syy on se, että lukija, joka on saanut epilepsiakohtauksia, voi reagoida negatiivisesti katsoessaan vilkkuvaa tekstiä. Myös vilkkuva teksti sivulla kiinnittää voimakkaasti silmän huomion jopa sivun muita osia katsottaessa, ja siksi sitä voidaan pitää lukijaa ärsyttävänä tai ärsyttävänä.
