MagicPicture: image fade-in fade-out onmousemove
|
A little bit of magic for your visitors: move your cursor to the center of your webpage and the picture will fade-out. Move the cursor toward the corners of the webpage and the picture will fade-in. |
Over 2000+ free Javascript
at JavaScriptBank.com Website
- MagicPicture: image fade-in fade-out onmousemove
- A little bit of magic for your visitors: move your cursor to the center of your webpage and the picture will fade-out. Move the cursor toward the corners of the webpage and the picture will fade-in.
- Internet Explorer 4 or higher.
Configuration
- Open the HTML-file.
- Go to the <body>-section of the HTML-file and put the URL of your picture
(red below) into the <div>-container called "imagecontainer"
(blue below). Do not change the style attributes! After all it
should look like this:
<DIV id="imagecontainer" style="position:absolute;filter:alpha(opacity=0);visibility:hidden;z-index:100">
<IMG SRC="your_image_url.jpg">
</DIV>
- Go to the <head>-section of the HTML-file and customize the vertical position of the image inside the script-block. (You don't need to set the horizontal position as the pictute will be centered!)
- And now let's have some fun and fade-in the cyberspace!
