Maak uw HTML-pagina met elementen om de inhoud weer te geven . Open een nieuw bestand in een teksteditor en sla het met " html . " Zoals de uitbreiding , het invoeren van de volgende code :
Hallo >
< /body > < br < /div
>
< /html >
Dit creëert gewoon een webpagina met een enkel HTML-element in het. Het element heeft een attribuut class toegewezen met de naam " off . " Dit geeft de status van het element wanneer de gebruiker niet zijn muiscursor hebben overheen . Kopen van 2
Maak uw CSS- code . Open een nieuw bestand in een teksteditor en sla het op als " interactivestyle.css " om het doel van de taak die wordt uitgevoerd weerspiegelen . Voer de volgende code :
off {
kleur
: # FF0000 ; }
dan {
kleur
: # 0000FF ; } . .
Voeg een link naar uw CSS-bestand in de head sectie van je HTML-pagina , tussen het openen en sluiten head tags:
< koppeling rel = " stylesheet " type = " text /css " href = " interactivestyle.css " />
3
Maak twee JavaScript -functies in de head sectie van uw pagina , voor of na de link naar uw CSS-bestand :