Het uitzicht veranderen


Met eigenschappen als "cursor", "onmouseover", "onmouseout" en "onclick" kan men verrassende effecten in zijn webpagina's opnemen.

Voorbeeld 1

Als de muis hierover glijdt word ik groen!

<p STYLE="color:black" onmouseover="this.style.color = 'teal' ">

Voorbeeld 2

Ik word groen als de muis eraan komt… en weer normaal als de muis weggaat.

<p STYLE="color:black" onmouseover="this.style.color='teal'" onmouseout="this.style.color='black' ">

Voorbeeld 3

Deze tekst wordt groot als je erop klikt!

<p STYLE="color:teal; cursor:hand;" onclick="this.style.fontSize = '30'" >

Voorbeeld 4

<img src="before.gif" onmouseover="this.src = 'after.gif';" onmouseout="this.src='before.gif'">