De OnMouseOver , of rollover , effect is wanneer een webmaster codes een afbeelding , link of de tekst te veranderen wanneer gebruikers geven hun cursor overheen . De toegepaste effect kan zijn dat een blauwe menuknop wordt rood of die een link gloeit . OnMouseOver biedt een " live " interactief gevoel aan een anders statische website en kan een sitebezoeker navigatie aanwijzingen of inhoud te geven aanwijzingen. Webmasters kunnen gebruiken ofwel Javascript of Cascading Style Sheets ( CSS ) om verschillende stijlen van rollovers coderen . Javascript Enkel beeld Rollover
Maak twee foto's van dezelfde grootte . Het eerste beeld moet worden wat bezoekers zien wanneer ze voor het eerst komen op de website . Dit is de "uit" afbeelding , de afbeelding die wordt weergegeven wanneer een bezoeker niet wordt mousing overheen . De tweede afbeelding moet de "over" imago , het beeld dat bezoekers zien wanneer ze de muis over de afbeelding "uit" zijn.
Voeg de onderstaande code in de HTML van uw website . Deze code zal ertoe leiden dat de werking van de rollover , een afbeelding te veranderen naar de andere . Open uw HTML-bestand in Kladblok of uw favoriete HTML-editor en plaats de code in de hoofdtekst van het document . Voordat u de code plaatst , verandert het exemplaar van " home_off.gif " om de naam van de afbeelding " off " . . Wijzig de enkel exemplaar van " home_over.gif " om de naam van uw afbeelding "over" |
