Site hosted by Angelfire.com: Build your free website today!

1.

<.style type="text/css">
<.!--
BODY
{
cursor:default;
}
-->
<./style>


2.
vertical-text

<.style="cursor:vertical-text"> vertical-text<./span>

3.

Here is a paragraph with a string of clickable text that changes its background color and position when clicked.


Here is a paragraph with <.span style="position:relative; color:red; font-weight:bold" onMouseOver="this.style.cursor='hand'" onClick="this.style.backgroundColor='yellow'; this.style.top='-7'"> a string of clickable text <./span> that changes its background color and position when clicked.

Reference: http://www.it.maconstate.edu/tutorials/DHTML/dhtml02/dhtml02-02.htm

4.

Here the cursor should have the cursor:move shape

<.div onMouseOver="window.event.srcElement.style.cursor='move'"> Here the cursor should have the cursor:move shape<./div>
Reference: http://www.lotus.com/learningcenters/Katlc2.nsf/DHTMLview/008CEA2266CBE4DC2BE852566E6006A9B5E?opendocument


Reference:
http://www.echoecho.com/csscursors.htm

Move Your Mouse Over The Words
to See the Cursor Shape Change.

Auto
Crosshair
Default
Hand
Pointer
Move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
not-allowed
progress
no-drop
vertical-text
all-scroll
col=resize
row-resize

The following should be seen in echoecho.com
cursor:url(uri)

cursor:url


test cursor:url
<.span style="cursor:url">test cursor:url)<./span>
test cursor:uri
<.span style="cursor:uri">test cursor:uri<./span>
test cursor:wait
<.span style="cursor:wait">test cursor:wait<./span>
test cursor:no-drop
<.span style="cursor:no-drop">test cursor:no-drop<./span>
test cursor:vertical-text
<.span style="cursor:vertical-text">test cursor:vertical-text<./span>

http://www.dhark.com/css_cursor_shape%20.html
http://www.echoecho.com/csscursors.htm
http://www.angelfire.com/linux/blinklinks/CursorExpt.html
http://www.angelfire.com/linux/blinklinks/CursorShapes.html


Here the cursor should have the cursor:move shape