Maak de belangrijkste tekstgedeeltes op je site opvallender door ze dynamisch te maken!
Je kunt een tekst in jouw site voorzien die een speciaal effect heeft als je er met de muis over gaat. In feite wordt een HTML-code gezien als object en daar wordt een gebeurtenis aan gekoppeld. Als je met de muis over de tekst beweegt, wordt de gebeurtenis geactiveerd.
Deze code werkt enkel in MS Internet Explorer 4.x en hoger, Netscape 6 en hoger en Opera 6 en hoger. Je moet vooral rekening houden met hoofdletters en kleine letters, anders werkt het niet.
Je kunt de tekst van kleur veranderen, de achtergrondkleur veranderen, de tekst vergroten of een combinatie daarvan.
Als je de kleur van de tekst wil veranderen, kan je de volgende code gebruiken:
<H1 onmouseover=
"this.style.color='red';"
onmouseout=
"this.style.color='blue';">
Dynamische tekst</H1>
Dat ziet er zo uit als je er met je muis over gaat:
Dynamische tekst
Als je de achtergrondkleur van de tekst wil veranderen, kan je de volgende code gebruiken:
<H3 onmouseover=
"this.style.backgroundColor='blue';"
onmouseout=
"this.style.backgroundColor='yellow';">
Dynamische tekst</H3>
Dat ziet er zo uit als je er met je muis over gaat:
Dynamische tekst
Als je de tekst van grootte wil veranderen, kan je de volgende code gebruiken:
<H1 onmouseover=
"this.style.fontSize='300%';"
onmouseout="this.style.fontSize='200%';">
Dynamische tekst</H1>
Dat ziet er zo uit als je er met je muis over gaat:
Dynamische tekst
Je kunt natuurlijk ook een combinatie maken:
<H1 onmouseover=
"this.style.fontSize='300%';
this.style.color='blue';
this.style.backgroundColor='red'";
onmouseout=
"this.style.fontSize='200%';
this.style.color='#999999';
this.style.backgroundColor='white'">
Dynamische tekst</H1>
Dat ziet er zo uit als je er met je muis over gaat:
Dynamische tekst
Je kunt deze stukken code plakken in de HTML-code tussen de BODY-tags, ergens in de inhoud van je pagina. Daar waar nu iedere keer Dynamische tekst staat, kan jij jouw tekst plaatsen.
Veel plezier!


