Hoe naar Menu Afbeeldingen Verandering op muisbeweging in JavaScript -methode getElementById ( )
van JavaScript laat programmeurs inspecteren en wijzigen van de interne leidingen van een webpagina . Deze methode heeft toegang tot de application programming interface van een web- pagina met de naam van de Document Object Model of DOM . Met getElementById ( ) , kan de programmeur de meeste HTML ( HyperText Markup Language ) tag styling gegevens wijzigen - inclusief achtergrondafbeeldingen . De JavaScript -functies evenement onMouseOver ( ) en onMouseOut ( ) reageren op de beweging van de muis over HTML -elementen door het triggeren van de uitvoering van JavaScript-instructies . De HTML -tags moeten worden geëtiketteerd met een unieke ID , zodat de methode getElementById ( ) kunt vinden en ze te wijzigen. Wat je nodig hebt tekst editor Foto: Twee even grote achtergrondafbeeldingen , GIF , PNG of JPG Toon Meer Aanwijzingen 1
Start de teksteditor die kwam met uw computer . kopen van 2
Voer de volgende code in de teksteditor . Vervang de afbeelding namen " image1.jpg " en " Image2.jpg " met de namen en het formaat van je achtergrond beeldbestanden . Pas de afbeelding grootte in de " myDiv " Cascading Style Sheet ook.
< Soort style = " text /css " > < - myDiv { background-image
! . : type = " text /javascript " >
functie changeimage ( linknumber ) op
{
var changeimageback ( linknumber ) op
{
var id = " mydiv1 " class = " myDiv " onMouseOver = " changeimage ( '1 ' ) ; " onMouseOut = " changeimageback ( '1 ' ) " > Link 1 < /a > < /div >
