Rollover effekter i HTML

I 1993, Marc Andreessen og Eric Bina introdusert Mosaic, den første nettleseren som kan vise tekst og grafikk på samme side. I dag, takket være fremskritt innen web-teknologi, Website besøkende kan oppleve et rikt multimedia leseopplevelsen komplett med unike og informative HTML rollover effekter. Rollover effekter oppstår når en bruker beveger musepekeren over et element på websiden. Utviklere lage disse effektene ved hjelp av Javascript, Style Sheets og HTML. Mens mange rollover effekter er underholdende, noen av dem gi brukerne viktige visuelle tips og informasjon som forbedrer leseopplevelsen.

CSS Link Høydepunkt

CSS Link Høydepunkt er et av de mest brukte HTML-rollover effekter på nettet. Det er også en av de enkleste å implementere. Utviklere lage denne effekten ved å legge til en enkelt CSS-koden til websider Style Sheet. For eksempel denne koden, a: hover {color: blue), fører til en kobling på websiden for å slå blå når en bruker svever musen over det. Utviklere kan legge til flere styling parametre til denne koden setningen til å opprette ulike sveveeffekter.

Bilde Swap

Utviklere lage bildet swap-effekten ved å erstatte ett bilde med en annen når det oppstår en hover hendelse. Bildet Overgangen er så rask at det opprinnelige bildet ser ut til å endre til et annet bilde. For best resultat, bør Java preload alle bildene når nettleseren utgangspunktet henter websiden fra webserveren. Dette sikrer at bildet overgangen vil være glatt når en bruker ruller musen over et bilde.

Navigation Bar Change

En annen populær HTML roll effekt innebærer en webside navigasjonsfeltet. Navigasjons barer kommer i forskjellige former, størrelser, farger. Webutviklere plassere disse barene horisontalt over toppen av en webside eller vertikalt nedover på siden. Når en bruker svever over en navigeringslinje knapp, endres knappen sitt utseende eller viser en animasjon. I mer komplekse navigeringslinjer, kan andre knappene på bar endre sine visningsegenskaper også. En måte å endre en navigeringslinje knappen er å kalle en Javascript-funksjon som endrer en stil.

Border Endre

Grensen på en side element kan også endre seg når det oppstår en HTML roll hendelse. Mange HTML-elementer har grensen stilegenskaper som bestemmer grensen størrelse, bredde, farge og type. Roll hendelser kan endre noen av disse egenskapene. Endre en knapp grensen stil er en enkel måte å lage en knapp roll effekt uten å bruke flere bilder.