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


FF1+ IE5+ Opr7+

Floating images II (up down)

Note: Modified by DD to work in NS 6

Description: Floating Images II animates any image (or block of HTML) up and down the browser window, like an elevator, and stays in view even if the user scrolls the page. Going up anyone?

Demo: To your left...


Directions: Developer's View

Simply add the below code to the BODY section of your page, preferably either at the beginning, or end:

Select All

Configuring the script

Configuration is very straight forward...simply modify the HTML portion of the script, and that's that. Refer to the variable too to see how to specify the x offset/ speed of effect.

Note: This script accesses the body onload event, which, if another script on your page does the same, one will not function. Click here to learn how to resolve this type of conflict.

Dynamic Drive
What's New