CodeAve.com/CSS - Cursor Types

CodeAve.com - CSS - Page Display

ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap

Cursor Types

The typical browser will display the mouse pointer over any blank part of a web page, the gloved hand over any item that is linked (click-able) and the edit cursor over any text or text field. Within CSS you can change those properties to have a variety of different cursors display on your page. The example below demonstrates fifteen different cursors most browsers will accept. Hover your mouse pointer over the descriptive text to reveal that cursor. The body of the page has also been set to display the help cursor by default.

•View the Output

•Text View

•Print View

•Mail this Link

<html>
<head>
<title>CodeAve.com/CSS - Cursor Types</title>
<style type="text/css">

</style>
</head>

<body bgcolor="#FFFFFF">
Place the mouse cursor over any of the text below 
to reveal a different cursor. The deafult cursor for 
this page is the help cursor, set by the style command in the 
header portion of the document 

Crosshair Cursor
 
Hand Cursor
 
Wait/Hourglass Cursor
 
Help Cursor
 
Text/Edit Cursor
 
Moveable Object Cursor
 
Resize Up (North)
 
Resize Down (South)
 
Resize Right (East)
 
Resize Left (West)
 
Resize Up + Right (North East)
 
Resize Up + Left (North West)
 
Resize Down + Right (South East)
 
Resize Down + Left (South West)
 
Auto Cursor
 
System Defalt Cursor

</body>
</html>