Kierrospainike on dynaaminen verkkopainike, joka muuttaa ulkoasua käyttäjän hiiren osoittimen sijainnin mukaan. Se sisältää kolme tilaa: normaali, yli ja alas. Normaali tila tulee näkyviin, kun hiiri on poissa painikkeesta, yli-tila on voimassa, kun hiiri vie hiiren painikkeen päälle, ja alas-tila näkyy, kun napsautat painiketta.
Tyypit ja käyttötarkoitukset
Rollover-painikkeita on eri muotoisia, kokoisia, värejä ja tyylejä. Koska kuvat voidaan muuntaa rollover-painikkeiksi, vierityspainike voi sisältää myös kuvia. Kierrospainike voidaan nostaa, upottaa, litteä tai animoida, kun käyttäjä napsauttaa sitä.
Päivän video
Käyttää
Ohjauspainikkeita käytetään ensisijaisesti Web-sivun navigointipainikkeina ihmisten ohjaamiseen muihin paikkoihin. Niitä käytetään myös pudotusvalikoissa ja ponnahdusvalikoissa. Muita rollover-painikkeita käytetään animoituihin tehosteisiin ja ääniin, joten kuva, väri, muoto, teksti tai ääni voivat muuttua, kun käyttäjä vie painiketta painikkeen päällä verkossa.
Edut
Kiertopainikkeet laajentavat painikkeen normaalia toimintaa. Ne eivät ole vain visuaalisesti houkuttelevia, vaan vierityspainikkeet ovat myös dynaamisia, mikä muuttaa käyttäjälle sen tosiasian, että ne ovat sivun aktiivisia elementtejä. Verkkosuunnittelijat voivat lisätä äänitehosteita, jotka toistuvat, jos käyttäjä siirtää hiiren näiden painikkeiden päälle. Pudotusvalikoissa tai ponnahdusvalikoissa käytettäessä vierityspainikkeet säästävät navigointitilaa.
Suositeltu koko
Kierrospainikkeen tiedostokoon tulee olla pieni. Koska rollover-painikkeet ovat kuvia, ne voivat viedä nopeasti ylimääräistä tilaa Web-palvelimelta ja pidentää latausaikaa.
Kierrospainike voidaan luoda kuvankäsittelyohjelmilla, kuten Adobe Photoshop, Image Ready, Flash ja Fireworks. Web-editointiohjelmistoja, kuten Dreamweaveria ja Microsoft Visual Studio Developeriä, voidaan myös käyttää luomaan vierityspainiketehosteita. Kiertopainike voidaan myös koodata verkkotiedostoon JavaScriptillä tai CSS: llä tai käyttämällä online-rullapainikegeneraattoreita.
