3. Add to Your Page
clr gif
Join the Discussion
Questions? Comments?
More of this Feature
Introduction Obtain the Script
All that remains to be done now is to add the object to your page that you want to have follow the mouse.
Here is the code for my sample object:
XX
Simply substitute whatever text or image code that you want where I have the "XX".
The stylesheet entry that goes with this is coded as follows:
#mydiv {
position:absolute; overflow:hidden; visibility: hidden;
z-index:999; width:20px; height:15px;
background-color:#ffffcc;
}
The stylesheet can either be placed between in the head of your page or can be placed in your external stylesheet along with any other stylesheet options that you are applying to the current page. The position and visibility attributes must be coded exactly as shown. The overflow attribute can be coded as hidden or visible depending on the content of the div (in most cases it doesn't make any difference). The z-index, width, height, background-color, and any other attributes that you want can be adjusted to suit your particular object.
You can actually name the div with whatever id you like as long as you change all three references (the one in the div tag, the one in the stylesheet, and the one assigned to divName in the script).
Sample Page | Obtain the Script | Add to Your Page
Related Articles
Identifying Rotating Object
Follow the Mouse Script
Spring After the Mouse Effect
JavaScript Spring After the Mouse
Follow the Mouse Effect
Apply now to guide this site
Discuss in our forum
Ads
Wholesale Baby Clothing100% Resale Margin, Rompers/Pants/ Outerwear/Dresses, Free Shipping.DHgate.com
Pro Magento ThemePremium Magento Themes $90 - Create a Stunning Store!..www.rockettheme.com
Image resizing on the flyMake high-quality image thumbnails with this ASP/ASP.NET component.www.aspjpeg.com
Advertisement
Advertisement
JavaScript Ads
JavaScript
Model Object
Hidden Object Games
CSS
3D Object
Related Video
Zip File 101
Zip File 101
Computer Cable Ports 101
Computer Cable Ports 101
More VideosSee All About.com Videos
Ads
Create a Free SlideshowCreate free animated slideshows from your travel photos in minutes!tripwow.tripadvisor.com/slideshow
Yummy Mummy AsiaAre you a mother in Hong Kong? The insider's guide to motherhoodyummymummyasia.com
HMI SCADA SoftwareFor PC, Touch Screen, PDA Design Once, Deploy Anywherewww.InstantHMI.com
Photos On FacebookFacebook helps you connect and share with friends. Sign up today!www.Facebook.com
Bolymin-Embedded SystemMicroprocessor/ARM/x86/ATOM CPU/ STN/OLED/TFT display,GPS/GSM/Zigbeewww.bolymin.com.tw
JW Video PlayerJW Player now supports Flash and HTML5. Download it for Free.www.longtailvideo.com
Explore JavaScript
Must Reads
Javascript 101
Choosing Prebuilt Scripts
Common Javascript Errors
Tools for Making JavaScript
Moving Javascript out of the Web Page
Most Popular
Free JavaScript Download
Final Javascript Quiz
Using window.onload
Falling Snow Script
Bulletin Board / Forum Code Converter
See More About:
following the mouse
javascript mouse cursor effects
javascript animation
By Category
