indiWiz.com
SiteSearch:
Jump:

Site Map | WizTools.org | jCraze Blog
Web Developer's Den!
Home : WDD : JavaScript
This Article...
Print Version
Add Comment
View Comments
JavaScript
The Bare Facts
Rollover Script
Script Windows
Status Message
Time Sensibility of JavaScript
JavaScript and Frames
Expandable Menus
Cursor Effects!
Regular Expressions Reference
JavaScript Screen Size
JavaScript HTMLize (Using Regular Expressions)
Java Script Dynamic Time Update
Sections

Commniquè
Sign Guestbook!
Read Guestbook!
MailMe!

Subhash's Guide Cursor Effects!

By default when a visitor brings his mouse pointer over a link, it turns to the hand shape. How will it be if the cursor changes to something else?

Before I proceed further, it is my duty to tell you that this CSS script will work only in IE and NS6.0 and later.

To make the cursor cross-hair, just insert this code:

<a href="link.html" style="cursor:crosshair">My Link</a>

The code when effected will produce:

My Link

Just include in style attribute: cursor:cursor-name. Cursor names are listed below:

Cursor Name Effect
crosshair My Link
e-resize My Link
help My Link
move My Link
wait My Link

Page Wide Change

To effect page wide change of cursor effects, add this to your head section(or external stylesheet):

<style type="text/css">
a {cursor:cursor-name}
</style>


User Comments

Add Comment

[Quick Stats: Number of main threads: 6, Number of sub-threads: 6]


Sign Guestbook | Who is Subhash?
The contents of this site are copyright© 2000-2008, indiWiz.com. All Rights Reserved.