Custom CSS Cursors

Using CSS, you can change the default cursor icon associated with a
particular element, even specifying your own cursor image (in IE6+)
instead. However, with power comes responsibility. Modify the cursor only
when it makes sense to, such as when you're applying it to a custom
interface. Like popup windows of JavaScript, changing cursors can quickly
become counterproductive and irritating to the user.
Below lists all the available values for the CSS property "cursor" (as of
CSS2.1):

Icon	Value	Live example (move mouse over box)	Browser
	auto	The User Agent determines the cursor to display based on the current context.	All
	default	style="cursor: default;"	All
	hand	style="cursor: hand;"	IE
	pointer	style="cursor: pointer;"	NS6/ IE6
	hand & pointer	style="cursor: pointer; cursor: hand;"	Cross browser
	crosshair	style="cursor: crosshair;"	All
	text	style="cursor: text;"	All
	wait	style="cursor: wait;"	All
	help	style="cursor: help;"	All
	inherit	Takes on its parent element's computed cursor value.	All
	move	style="cursor: move;"	All
	e-resize	style="cursor: e-resize;"	All
	ne-resize	style="cursor: ne-resize;"	All
	nw-resize	style="cursor: nw-resize;"	All
	n-resize	style="cursor: n-resize;"	All
	se-resize	style="cursor: se-resize;"	All
	sw-resize	style="cursor: sw-resize;"	All
	s-resize	style="cursor: s-resize;"	All
	w-resize	style="cursor: w-resize;"	All
	progress	style="cursor: progress;"	IE6
	all-scroll	style="cursor: all-scroll;"	IE6
	col-resize	style="cursor: col-resize;"	IE6
	no-drop	style="cursor: no-drop;"	IE6
	not-allowed	style="cursor: not-allowed;"	IE6
	row-resize	style="cursor: row-resize;"	IE6
	url(uri)	style="cursor: url(mycursor.cur);" Note: Only .cur and .ani file types are supported as of IE6.	IE6
	vertical-text	style="cursor: vertical-text;"	IE6

Reference:http://www.javascriptkit.com/dhtmltutors/csscursors.shtml