Replacing your Cursor
There are a number of ways to change the appearance of the cursor inside a browser; the easiest, however, is to use the CSS definition, either as an include, a page reference or a single instance. CSS allows for 7 variations on the default arrow cursor. Here's how to implement them:
As an include: create a file with your CSS definitions, then source that file as a file include, such as:
<LINK TYPE="text/css" HREF="file.css" REL=stylesheet TITLE="mystyle">
where the HREF points to your stylesheet, which is just a text docurnent saved with the .css extension, excluding the <style> tag.
OR as a page include: you can do this inside the body tag, such as:
<body style="cursor:crosshair">
OR as an individual reference, which means separate elements could have separate cursors, such as:
|
hand <a href="page.htm" style="cursor:hand">hand</a> crosshair <a href="page.htm" style="cursor:crosshair">crosshair</a> Text <a href="page.htm" style="cursor:text">Text</a> wait <a href="page.htm" style="cursor:wait">wait</a> move <a href="page.htm" style="cursor:move">move</a> help <a href="page.htm" style="cursor:help">help</a> n-resize <a href="page.htm" style="cursor:n-resize">n-resize</a> |
Free JavaScripts provided
by Winfolinx.com