Subscribe to our RSS feed!

Cursor Changes

Using CSS, you can change the browser's cursor at different points on the web page. The CSS to change cursors is supported by IE, and some of the cursor shapes by the latest versions of Netscape.

Here's how to use it:
To change the cursor to a hand while it's over the text of a paragraph, do this:

<p style="cursor: hand;">
Paragraph text here.
</p>
To change the to a help question mark symbol:

<p style="cursor: help;">
Paragraph text here.
</p>

Many shapes are available (with generally accepted meanings indicated):

crosshairprecision placement.
handclickable object.
movemovable object.
textcan be edited or selected.
waitsystem is busy (often hourglass shape).
helphelp subject (often question mark shape).
e-resizeresize right.
ne-resizeresize up and right.
n-resizeresize up.
nw-resizeresize up and left.
w-resizeresize left.
sw-resizeresize left and down.
s-resizeresize down.
se-resizeresize down and right.

Bookmark and Share

About the author:
"WillMaster Possibilities" ezine http://willmaster.com/possibilities/ mailto:possibilities@willmaster.com
Get Your Site Submitted for Free in the World's Largest B2B Directory!

*Mandatory Field
* *

Cursor Changes