Hoe verander je de standaard muisaanwijzer?
Jeroen Hoekstra |
2004-09-28 |
Programmeren en techniek
Stel, je wilt een andere cursor laten zien wanneer je over een link gaat. Dan is het mogelijk om de muisaanwijzer te veranderen met een simpel stukje CSS (Cascading Style Sheets). Bedenk wel dat dit alleen ondersteund wordt vanaf Netscape 6.0 en Internet Explorer 4.0.
Hieronder zie je een voorbeeld hoe je dit moet gaan aanpakken:
De code hiervoor is:
<a href=”http://www.alphamegahosting.com” style="cursor:help">Deze link heeft een "help" cursor</a>
Je kunt deze methode ook toepassen bij plaatjes op je site:
Dit plaatje heeft een "crosshair" cursor:
De code hiervoor is:
<img border="0" src="eenplaatje.gif" width="100" height="100" style="cursor:crosshair">De waarden die je voor de cursor kunt gebruiken zijn:
- default
- crosshair
- help
- pointer
- move
- text
- e-resize
- ne-resize
- nw-resize
- n-resize
- se-resize
- sw-resize
- s-resize
- w-resize
Probeer het maar eens uit!
De volgende keer gaan we hier verder op in en gaan we een eigen cursor implementeren.
