Een webbrowser afbeelding rollover is een interessante groep van HTML -en JavaScript-code , wanneer een website gebruiker wijst op een foto , een ander beeld voor in de plaats . Wanneer de gebruiker de muis beweegt weg van het beeld , het originele beeld komt weer in zicht . Na het vinden van twee foto's die u wilt gebruiken , volgt u deze instructies om een beeld rollover van je eigen te maken . Instructies
1 Open Kladblok of uw favoriete HTML authoring programma . Markeren het document met basis openingstags als volgt .
4 Schrijf de code om de foto hoe zich te gedragen als de muis cursor over de foto of weg van de foto , als volgt te vertellen. " SamplePage.html " kan worden vervangen door een link van uw keuze . Merk op dat " pictureTwo.src " en " pictureOne.src " overeenkomen met de namen object dat u above.onMouseOver = gevestigde " document.sample.src = pictureTwo.src ; " onMouseOut = " document.sample.src = pictureOne.src ; " >
5 Vertel het document dat beeld aan wanneer de pagina wordt geladen weer te geven . Kennisgeving door het benoemen van de afbeelding container "monster ", die u gebruikt dezelfde naam object als de vorige groep van code ( document.sample.src ) . Name = " sample " Finish >
6 codering uw document dat door het sluiten van de resterende HTML -tags .
|
