Make your own free website on Tripod.com

Custom Cursor

Ever wanted to change the default cursor, when you move the mouse over elements, eg, wouldn't it be nice if you could replace the usual hand cursor with something else when moving the mouse over links, or give tables a crosshair cursor instead of the usual I-beam cursor? Now you can!

The cursor types you can use are :

auto, crosshair, help, pointer, move, text, wait, e-resize, ne-resize, nw-resize, n-resize, s-resize,
se-resize, sw-resize, w-resize

Example:

this image has a n-resize cursor this table has a
crosshair cursor

Move the mouse over the image and table to see the effect.

Copy & Paste the following code in the HEAD section of your webpage.


 <style type="text/css">
 <!--
 IMG {cursor : n-resize}
 TABLE {cursor : crosshair}
 -->
 </style>