Background JavaScript Effects.

Get Advanced JavaScript and Ajax Editor, Validator and Debugger! 1st JavaScript Editor.

2 Way Background Images Slide FF1+ 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 Spacecraft FF1+ IE4+ Opr6+ NN6+
An alien spacecraft hovers around the background of the page using JavaScript and DHTML. Best used with a space background.

Astronaut FF1+ 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 Changer FF1+ 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 Drop FF1+ 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 Fader FF1+ IE4+ Opr6+ NN6+
Use JavaScript to fade the background from red to black, and back.

Background Scroller FF1+ IE4+ Opr6+ NN6+
The background image is actually scrolled on the page.

Blinker FF1+ IE4+ Opr6+ NN6+
This script allow you to quickly blink the background. With a click of a button, the background changes from white to blue and back several times to return to white.

Bouncing Image FF1+ IE4+ Opr6+ NN6+
Randomly bounces an image, or anything within a DIV, across the page. Click on the image to start and stop it from moving.

Cell Background Changer FF1+ IE4+ Opr6+ NN6+
Changes the background color of a table's TD cell and the mouse cursor to a hand when you hover over the cell. Clicking acts like a normal link.

Color Chooser FF1+ IE4+ Opr6+ NN6+
Choose background and foreground colors by directly entering the amount of red, green or blue. Allows you to increment or decrement using the " + " or " - " buttons also.

Color Table FF1+ 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 Wheel FF1+ 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 Adjuster FF1+ 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.

Cursor Changer FF1+ IE4+ Opr6+ NN6+
Use your cursor to select your background color.

Dual Scroller FF1+ IE4+ Opr6+ NN6+
Scrolls HTML elements within a DIV. A version of the HTML Scroller modified to display a DIV on both the left and right side of the window for both IE and Netscape.

Fade In FF1+ IE4+ Opr6+ NN6+
This JavaScript coding will load a blank screen, fade the background, and then bring you to the destination page.

Fader FF1+ IE4+ Opr6+ NN6+
This script, once started, will continuously loop the background color.

Fireworks IE5+
Produces a multi-colored fireworks display as the background of the page.

Floating Hearts FF1+ IE4+ Opr6+ NN6+
Celebrate Valentine's day on your web site with a dozen hearts floating randomly around the page.

Full Size Image FF1+ IE4+ Opr6+ NN6+
Resizes any image to fit the current dimensions of the browser window. Works best with high resolution images but works with any image.

Growing Image FF1+ IE4+ Opr6+ NN6+
Resizes an image to the size given to the function. The number of steps and total length of time of the transition can be controlled.

HTML Scroller FF1+ IE4+ Opr6+ NN6+
Scrolls HTML elements within a DIV. Can be modified to scroll vertically or horizontally.

Link Colors FF1+ IE4+ Opr6+ NN6+
With every new letter that you touch, JavaScript tells the computer to give the document a new background color.

List Changer FF1+ IE4+ Opr6+ NN6+
This is a very simple background changer. It just takes the selected value from the list and makes that the background color.

Matrix FF1+ IE4+
Simulate the Matrix by choosing one of the links. The window closes after the whole string is printed.

Menu Sliding Image FF1+ IE4+ Opr6+ NN6+
Provides a navigation menu with a moving image behind the menu!

Mouse Fireworks FF1+ IE4+ Opr6+ NN6+
With each click of the mouse a flurry of fireworks explodes from that spot on the page. You may also use your own images if you want.

Particle Field FF1+ IE4+ Opr6+ NN6+
Illustrates movement of stars (or snow) depending on the direction of the mouse.

Persistent Layer FF1+ 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 Background FF1+ 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 Colors FF1+ 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 Images FF1+ 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.

Rain FF1+ 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 Fade FF1+ IE4+ Opr6+ NN6+
Another way to get your visitor's attention - with a rainbow fade!

Roulette FF1+ 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 Screen FF1+ 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!

Snow FF1+ 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.

Sound FF1+ 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!

Space Trip FF1+ IE4+ Opr6+ NN6+
Travel through space with this cool background effect.

Star Field IE4+ Opr6+
Appears as if you are flying through a star field in space.

Stubborn Image FF1+ IE4+ Opr6+ NN6+
Chase the image across the screen with your mouse, but you will never catch it.

Text Blinker FF1+ IE4+ Opr6+ NN6+
JavaScript 1.2 (found in version 4.0 browsers) provides this neat effect: the text changes color every second.

Type a Color FF1+ IE4+ Opr6+ NN6+
Visitors just type their favorite color in the box and click a button. The background is instantly changed to their favorite color!

Write Layer FF1+ IE4+ Opr6+ NN6+
Display, hide, and change layers in all browsers.