Cursor veranderen

Q: Ik zie bij sommige sites in plaats van een handje als cursor, een
vraagteken
verschijnen. Hoe krijg ik dat voor elkaar?


A: In een stylesheet of een stijl kun je gebruik maken van de stijl
‘cursor’. Met de waarde ‘help’ krijg je een vraagteken.
Er zijn er nog meer.
Zo kun je met ‘pointer’ het aanwijssymbool activeren,
met ‘move’ krijg je een verplaatsingskruis,
‘crosshair’ geeft een kruis weer
en met ‘wait’ creëer je een zandloper.
Als je met de cursor over de grijze velden gaat, zie je wat er bedoeld wordt. Hier volgen de html tags met
css stijl voor de hierboven gebruikte velden:

<b style=”cursor: help; background-color: #d3d3d3″>’help‘</b>
<b style=”cursor: pointer; background-color: #d3d3d3″>’pointer‘</b>
<b style=”cursor: move; background-color: #d3d3d3″>’move‘</b>
<b style=”cursor: crosshair; background-color: #d3d3d3″>’crosshair‘</b>
<b style=”cursor: wait; background-color: #d3d3d3″>’wait‘</b>

In plaats van de <b> kun je vrijwel ieder tekst element hiervoor gebruiken.

Auteur: Bjorn Simmering

Mijn naam is Bjorn Simmering en met deze website ga ik dus door het leven als Meneer Simmering. Ik schrijf over HTML & CSS, websites maken, WordPress en meer... Lees meer over mij »

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *