Webdesigner-Freebies::
Home> THE WEBMASTER FREEBIE DATABASE> Cursor Effects
 

Question: I saw this web site where the cursor turns into a cross-thingie/ arrow/ question mark. How do I do that?

The "cross-thingie" is what's known as a crosshair cursor, and it is achieved by adding a bit of CSS to the <body></body> tag of your web page:

<body style="cursor:crosshair;"></body>

There are many different customizations you can do with this CSS code, from horizontal arrows, to even an image of your choice. A good list of these is at Echoecho.com (see below).

Just keep in mind though, that-- browsers being what they are-- not all of the custom cursors will show up in everyone's window.
 
 
Resources:

Echoecho.com
View a list of cursor styles available in CSS, and see which ones are available in which browsers.