Sponsored Links

FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.

Create a website for free - uCoz
Build a website quickly and easily Customizable templates and graphics

$1.99 Domain Names
With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

HTML Cursor Code

The cursor is the thing that moves when you move the mouse. To change the look of the cursor within your HTML codes, you need to use CSS (Cascading Style Sheets).

Example Cursor Code


<html>
<head>
<style type="text/css">
.help { cursor: help }
.pointer { cursor: pointer }
.wait { cursor: wait }
.crosshair { cursor: crosshair }
.move { cursor: move }
.smile { cursor:url(http://www.quackit.com/pix/smile.gif),auto }
</style>
</head>
<body>
<p>(Hover over each heading to see the cursor effect).</p>
<h3 class="help">HTML cursor codes - "Help"</h3>
<h3 class="pointer">HTML cursor codes - "Pointer"</h3>
<h3 class="wait">HTML cursor codes - "Wait"</h3>
<h3 class="crosshair">HTML cursor codes - "Crosshair"</h3>
<h3 class="move">HTML cursor codes - "Move"</h3>
<h3 class="smile">HTML cursor codes - "Smile"</h3>
</body>

This code results in:

(Hover over each heading to see the cursor effect).

HTML cursor codes - "Help"

HTML cursor codes - "Pointer"

HTML cursor codes - "Wait"

HTML cursor codes - "Crosshair"

HTML cursor codes - "Move"

HTML cursor codes - "Smile"

For more detail, check out the CSS cursor specifications.

Enjoy this website?

Add this page to your Favorites
Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/codes/html_cursor_code.cfm">HTML Cursor Code</a> from Quackit.com
Help support Quackit by making a donation
Add this page to your favorite social bookmarks sites: