Background JavaScript Effects.

2 Way Background Images SlideFF1+ IE4+ Opr6+ NN6+
Runs an image slideshow in the background of the page, underneath the page content. Used with the accompanying style script, images are discretely positionable in the page space, just like a regular slideshow. Leave out the style script, and the slideshow runs with full page-space presentation. IE 4.0+ or NS 6.0 (degrades gracefully in others).

Alien SpacecraftFF1+ IE4+ Opr6+ NN6+
An alien spacecraft hovers around the background of the page using JavaScript and DHTML. Best used with a space background.

AstronautFF1+ IE4+ Opr6+ NN6+
Watch as the astronaut floats around in space. His random movements over the background of moving stars gives the perception of space travel.

Background ChangerFF1+ IE4+ Opr6+ NN6+
Changes the page's background to each of the images on the page as you touch them. The background returns to white when you move your cursor off the image.

Ball DropFF1+ IE4+ Opr6+ NN6+
Click anywhere on the page and a ball will drop from the cursor and rebound several times based on gravity. Updated to be WC3 DOM1 cross browser compatible!

Background FaderFF1+ IE4+ Opr6+ NN6+
Use JavaScript to fade the background from red to black, and back.

Color TableFF1+ IE4+ Opr6+ NN6+JavaScript helps you manipulate the background of the document. Either choose the color you want by its name, or create a unique color by using the "+" and "-" Red, Green, and Blue buttons. A really neat effect.

Color WheelFF1+ IE4+ Opr6+ NN6+
This JavaScript will change the background from one color to the next for each of the 10 colors then it starts the loop over again! There is also an On/Off button to let you start and stop the JavaScript.

Color AdjusterFF1+ IE4+ Opr6+ NN6+
Allows for the fine tuning of the window's background color via red, green, and blue color buttons. Click a button to change the color value manually, or use the '>' and '<' to change the amount of that color in the background.

Persistent LayerFF1+ IE4+ Opr6+ NN6+
Float a layer on the screen so that it stays in place while a user scrolls the page. It has an animation script that slides the layer into position.

Random BackgroundFF1+ IE4+ Opr6+ NN6+
Get a random background color with the touch of a button. This script uses 15 pre-determined background colors and then randomly chooses one. This is a great effect if you know what background colors don't interfere with the text on your page. Then, you can make them the 15 pre-determined background colors.

Random ColorsFF1+ IE4+ Opr6+ NN6+
Every times a visitor comes to a page with this script in effect, they get a different foreground and background color.

Random ImagesFF1+ IE4+ Opr6+ NN6+
As an alternative to background colors and random background colors, JavaScript allows you to have random background images. Just take a look at the background of this page then hit reload.

RainFF1+ IE4+ Opr6+ NN6+
Appears as if it is raining on your web page! The effect is accomplished by using DHTML in layers. You can easily customize the number of raindrops and how fast they fall.

Rainbow FadeFF1+ IE4+ Opr6+ NN6+
Another way to get your visitor's attention - with a rainbow fade!

RouletteFF1+ IE4+ Opr6+ NN6+
Select a new background color on this roulette wheel! Stop each wheel and hit "view" to see that background color wheel combination!

Shake ScreenFF1+ IE4+ Opr6+ NN6+
California has earthquakes, and so does JavaScript1.2 ! This short JavaScript code will actually shake your browser window by using the moveBy() function, somewhat like a web browser earthquake!

SnowFF1+ IE4+ Opr6+ NN6+
Dozens of snowflakes carelessly drift back and forth as they float down the browser window. You can even adjust the speed that the snowflakes move.

SoundFF1+ IE4+ Opr6+ NN6+
Due to the different nature that Netscape and other browsers use a background sound, getting it to work for your visitors can be difficult unless you use this script. It will determine which browser they have and print the background sound command correctly for that browser!