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

IE5+ Opt7+

Fade-away cursor trail script

Description: "This is one of the most spetacular, efficient cursor trail scripts you'll find. I learned the technique and code for creating it from the site SiteExperts, and thought I might share the results with the visitors of Dynamic Drive. The trail you see is constructed using 5 images of descending sizes, each following closely the other. Enjoy!" -Dave Collins

Demo: Move your mouse.


Directions Developer's View

Step 1: Save the following 6 images, and upload them into your webpage directory (by right clicking image, and selecting "Save as"). Note that the last one is a transparent gif.

trailgif1.gif (107 bytes)trailgif2.gif (102 bytes)trailgif3.gif (94 bytes)trailgif4.gif (97 bytes)trailgif5.gif (80 bytes)blanktrail.gif (863 bytes)

Step 2: Add the below to the <head> section of your page:

Select All

Step 3: Add the following to the <body> section, immediately following the <body> tag itself:

Select All

Enjoy!