Cursor veranderen

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.

          Leuk als je dit artikel deelt:
Share

Geef een reactie

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