New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

FF1+ IE6+ Opr8+

Custom Cursor Script II (CrossHair Mouse Cursor)

Description: This script adds a custom cursor to your webpage using an interchangeable image. The result is a custom mouse cursor that can be modified in anyway your graphic skills take you. Elegant and non intrusive effect!

Script tested in IE6+, Firefox 1.x+, and Opera 8+.

Demo: Move your mouse around!


Directions: Developer's View

Step 1: Download one of the below images to be used as your custom cursor image (or create your own!):

Step 2: Insert the below code into the HEAD section of your page.

Select All

Note the presence of an explicit doctype that should appear at the very top of your page. This is needed in order for the script to work correctly.

This script references an external .js file, which you should download here:

webtoolkit.cursor.js (right click, and select "Save As").