Site hosted by Angelfire.com: Build your free website today!

Software Downloads |  Cracks |  Games |  Backgrounds |  Elasto |  HTML Previwer |  JavaScript |  Freddy |  Pong |  Go back

These scripts all deal with JavaScript Background Effects. They extensively use JavaScripts dynamic 'document.bgcolor' command one way or another. Some produce a random background image or color, and others flash background colors at the user. General questions about background effects JavaScripts should be posted to The JavaScript Forum.


Title: 2-Way Background Images Slides
Contributor: David Sosnowski (support@codelifter.com)
Contributor URL: http://www.codelifter.com/main/javascript/2waybackslide.html
Details: 2.50 KB * Uploaded July 11 2001
Description: 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)

[ Get Source Code ]


Title: Alien Spacecraft
Contributor: Brian Gosselin (bgaudiodr@aol.com)
Contributor URL: http://www.bgaudiodr.iwarp.com
Details: 2.62 KB * Uploaded June 7 2000
Description: An alien spacecraft hovers around the background of the page using JavaScript and DHTML. Best used with a space background. Cool!

[ Get Source Code ]


Title: Astronaut
Contributor: Viswanathan Manohar (manohar_v@yahoo.com)
Contributor URL: http://www.geocities.com/manohar_v
Details: 3.03 KB * Uploaded March 21 2000
Description: Watch as the astronaut floats around in space. His random movements over the background of moving stars gives the perception of space travel. Wow!

[ Get Source Code ]


Title: Background Changer
Contributor: Mark Whitnell (mwhitnel@southeast.net)
Contributor URL: http://users.leading.net/~mwhitnel
Details: 1.75 KB * Uploaded January 10 2000
Description: (Internet Explorer Only) 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.

[ Get Source Code ]


Title: Background Color-Change
Contributor: David Sosnowski (support@codebelly.com)
Contributor URL: http://www.codebelly.com
Details: 1.79 KB * Uploaded August 3 2001
Description: Use this script to change the color of the page background from a link. Can be done by using a regular (clicked) link, or a mouseOver. Easy!

[ Get Source Code ]


Title: Background Color Changer
Contributor: Sandy McKay (razoblade12@alberta.com)
Details: 1.12 KB * Uploaded December 21 2001
Description: Press any of the buttons to change the background color. You can add or delete as many colors as you like. Cool!

[ Get Source Code ]


Title: Background Color Chooser
Contributor: want@bobman38.com (want@bobman38.com)
Contributor URL: http://www22.brinkster.com/bobman38/home2.asp
Details: 1.00 KB * Uploaded August 15 2001
Description: Let the visitor choose the background color with a JavaScript prompt box.

[ Get Source Code ]


Title: BackGround Slide
Contributor: Brent Blackburn (FearNoEvil420@Hotmail.com )
Contributor URL: http://www.geocities.com/FearNoEvil420
Details: 1.00 KB * Uploaded February 13 2002
Description: This cool script slides the screen up then down and then right and left.This script will definitely catch a few eyes.

[ Get Source Code ]


Title: Ball Drop
Contributor: Dragos Saracu (smardoi@yahoo.com)
Details: 3.46 KB * Uploaded October 17 2000
Description: 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!

[ Get Source Code ]


Title: Basic Color Cube
Contributor: Brad Garrick (webmaster@npmartialarts.com)
Contributor URL: http://www.npmartialarts.com
Details: 7.03 KB * Uploaded July 25 2001
Description: This creative script lets you choose the background color using a color cube. You can also do a reverse search using hexadecimal, RGB, or just the name of the colors.

[ Get Source Code ]


Title: BG Scroller
Contributor: Roy Sinclair (roysinclair@email.msn.com)
Details: 0.72 KB * Uploaded July 25 2000
Description: The background image is actually scrolled on the page. Wow!

[ Get Source Code ]


Title: Blinker
Details: 1.01 KB * Uploaded June 21 1997
Description: 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.

[ Get Source Code ]


Title: Bouncing Image
Contributor: Justin Arruda (JArruda@mindspring.com)
Details: 2.22 KB * Uploaded January 12 2001
Description: Randomly bounces an image, or anything within a DIV, across the page. Click on the image to start and stop it from moving. Cool!

[ Get Source Code ]


Title: Cell BG Changer
Contributor: Chris Chopping (scripts@site4sure.com)
Contributor URL: http://www.site4sure.com
Details: 1.60 KB * Uploaded October 2 2000
Description: (Internet Explorer Only) Changes the background color of a table's TD cell and the mouse cursor to a hand when you hover over the cell. And, clicking acts like a normal link.

[ Get Source Code ]


Title: Color Adjuster
Contributor: Dion (yobo42@hotmail.com)
Contributor URL: http://www.iinet.net.au/~biab/
Details: 2.28 KB * Uploaded October 7 1999
Description: 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.

[ Get Source Code ]


Title: ColorAssist
Contributor: Ryan Sokol (apps@logicode.net)
Contributor URL: http://www.logicode.net
Details: 4.57 KB * Uploaded December 7 2001
Description: Need help choosing the colors for your Web site? ColorAssist helps you with this by displaying any background and font color combination. It will even choose random colors for you and let you save your favorites.

[ Get Source Code ]


Title: Color Changer
Contributor: Greg Marut (Grewarrior@aol.com)
Contributor URL: http://deepinspace.com
Details: 2.08 KB * Uploaded October 11 2001
Description: Here is a script where the user can choose what color the page and text will be viewed in with this neat and very organized table.

[ Get Source Code ]


Title: Color Chart Script Changer
Contributor: Claudia Thompson (designsbyclaudia@mindspring.com )
Contributor URL:  http://www.religiouscounterfeits.org/designsbyclaudia/index.htm
Details: 3.32 KB * Uploaded March 29 2002
Description: This script helps you identify exactly what color you want. Simply move the mouse around the spectrum until you find your shade, then cut and paste the code. Only works in MSIE.

[ Get Source Code ]


Title: Color Chooser
Contributor: Edward Kodgis II (eddiaka@hotmail.com)
Contributor URL: http://members.spree.com/entertainment/squeesoft/
Details: 7.96 KB * Uploaded December 26 2000
Description: (Internet Explorer Only) 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. Easy!

[ Get Source Code ]


Title: Color Table
Details: 3.43 KB * Uploaded June 21 1997
Description: 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.

[ Get Source Code ]


Title: Color Wheel
Contributor: Eric Stremming (estremming@hotmail.com)
Contributor URL: http://www.geocities.com/SunsetStrip/Club/5970
Details: 1.55 KB * Uploaded May 1 1998
Description: 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.

[ Get Source Code ]


Title: Continuous Fader
Details: 1.15 KB * Uploaded June 21 1997
Description: This script, once started, will continiously loop the background color. Try it out! A really cool script! Short too!

[ Get Source Code ]


Title: Cursor Changer
Details: 1.70 KB * Uploaded July 11 1997
Description: Use your cursor to select your background color.

[ Get Source Code ]


Title: Dual Scroller
Details: 2.32 KB * Uploaded February 7 2001
Description: 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.

[ Get Source Code ]


Title: Fading Dynamic Content
Contributor: Premshree Pillai (premshree@hotmail.com)
Contributor URL: http://www.qiksearch.com
Details: 3.04 KB * Uploaded May 2 2002
Description: This JavaScript creates a slide-show effect displaying different content dynamically. The content fades in while being displayed. Works in MSIE.

[ Get Source Code ]


Title: Fade In
Contributor: Fred S. Tucker (Slurpie_Tucker@yahoo.com)
Contributor URL: http://members.tripod.com/~Slurpies_Page
Details: 1.56 KB * Uploaded February 15 1998
Description: Could you use an eye-catching introduction to your website? Check our this JavaScript coding that will do just that. It loads a blank screen, fades the background, and then brings you to the destination page. Check it out! It's some great JavaScripting!

[ Get Source Code ]


Title: Fireworks
Contributor: Kurt Grigg (kurt.grigg@virgin.net)
Contributor URL: http://freespace.virgin.net/kurt.grigg
Details: 5.76 KB * Uploaded June 8 2000
Description: Produces a multi-colored fireworks display as the background of the page. Works in both Netscape and Internet Explorer.

[ Get Source Code ]


Title: Floating Hearts
Contributor: Homer (homer_adm@yahoo.it)
Contributor URL: http://start.at/the_simpsons
Details: 4.23 KB * Uploaded February 14 2000
Description: Celebrate Valentine's day on your web site with a dozen hearts floating randomly around the page. (A Modified version of the Snow script).

[ Get Source Code ]


Title: Full Size Image
Contributor: Eddie Traversa (psych3@primus.com.au)
Contributor URL: http://nirvana.media3.net
Details: 3.71 KB * Uploaded November 6 2000
Description: Resizes any image to fit the current dimensions of the browser window. Works best with high resolution images but works with any image. Awesome!

[ Get Source Code ]


Title: Growing Image
Contributor: Mike Dransfield (mike@blueroot.net)
Contributor URL: http://mike.dransfield.org/
Details: 2.24 KB * Uploaded April 11 2001
Description: 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. Internet Explorer Only.

[ Get Source Code ]


Title: HTML Scroller
Contributor: Bruce W.Anderson (appletlib@about.com)
Contributor URL: http://appletlib.tripod.com/dhtml/elevator.html
Details: 2.10 KB * Uploaded October 26 2000
Description: Scrolls HTML elements within a DIV. Can be modified to scroll vertically or horizontally. Amazing!

[ Get Source Code ]


Title: Image listbox
Contributor: pieterpareit@hotmail.com (pieterpareit@hotmail.com )
Contributor URL: http://www24.brinkster.com/scriptbreaker/home.htm
Details: 1.57 KB * Uploaded March 5 2002
Description: This script adds a listbox where you can select the image that you want to see.

[ Get Source Code ]


Title: Link Colors
Details: 2.45 KB * Uploaded June 21 1997
Description: With every new letter that you touch, JavaScript tells the computer to give the document a new background color. Kind of cool.

[ Get Source Code ]


Title: List Changer
Details: 1.23 KB * Uploaded June 21 1997
Description: This is a very simple background changer. It just takes the selected value from the list and makes that the background color.

[ Get Source Code ]


Title: Logo fader
Contributor: Bob Simpson (webmaster@maryjanebrown.net)
Contributor URL: http://www.maryjanebrown.net/webmaster
Details: 4.44 KB * Uploaded October 20 2000
Description: Fade any image horizontally and vertically. Can be positioned anywhere on the page. Awesome!

[ Get Source Code ]


Title: Matrix
Contributor: Matt Lewis (matt999_999@yahoo.com)
Details: 2.61 KB * Uploaded November 1 2000
Description: (Internet Explorer Only) Simulate the Matrix by choosing one of the links. The window closes after the whole string is printed. Incredible!

[ Get Source Code ]


Title: Menu Sliding Image
Contributor: Daniel Dhillon (daniel@dhillon.com)
Contributor URL: http://www.daniel.dhillon.com
Details: 3.79 KB * Uploaded October 31 2000
Description: (Internet Explorer Only) Provides a navigation menu with a moving image behind the menu!

[ Get Source Code ]


Title: Mouse Fireworks
Contributor: Matt Gabbert (mgabbert@usrtoday.com)
Contributor URL: http://www.nolag.com
Details: 5.96 KB * Uploaded March 14 2000
Description: (JavaScript 1.2) 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. Great!

[ Get Source Code ]


Title: Mouseover BG Selector
Contributor: Jason Scanzoni (Jason@scanzoni.com)
Details: 1.01 KB * Uploaded November 9 2001
Description: Put your mouse over the text, write in a color (words or hex), and the background changes. Pretty neat!

[ Get Source Code ]


Title: Particle Field
Contributor: Joe Lard (darg36@home.com)
Contributor URL: http://members.home.net/darg36
Details: 6.50 KB * Uploaded December 14 2000
Description: Illustrates movement of stars (or snow) depending on the direction of the mouse. Awesome!

[ Get Source Code ]


Title: Patriotic Fader
Contributor: Dominic Canare (big_domino_16@yahoo.com )
Contributor URL: http://www.geocities.com/big_domino_16/bgfader.html
Details: 2.03 KB * Uploaded March 14 2002
Description: Put this red, white, and blue background fader script onto your webpage to add a eye-catching Patriotic effect

[ Get Source Code ]


Title: Persistent Layer
Contributor: Eddie Traversa (psych3@primus.com.au)
Contributor URL: http://dhtmlnirvana.com/
Details: 3.52 KB * Uploaded March 22 2001
Description: 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. Netscape 6 compatible!

[ Get Source Code ]


Title: Random Background
Contributor: Dan Laudel (lauddan@juno.com)
Contributor URL: http://www.geocities.com/tennisace15/bgchanger.html
Details: 3.20 KB * Uploaded September 18 2001
Description: Allows the visitor to change the background color on the Web page. The color can even be set to change constantly at a set interval.

[ Get Source Code ]


Title: Random Background
Details: 2.00 KB * Uploaded June 21 1997
Description: 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.

[ Get Source Code ]


Title: Random Colors
Details: 1.27 KB * Uploaded June 21 1997
Description: Every times a visitor comes to a page with this script in effect, they get a different foreground and background color. However, occassionally you do get a background and foreground color that makes your text unreadable.

[ Get Source Code ]


Title: Random Images
Details: 2.38 KB * Uploaded June 21 1997
Description: 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. Notice anything? Ah, chalk another one up to JavaScript.

[ Get Source Code ]


Title: Rain
Contributor: Matthew Musgrove ( muskrat@lvnworth.com)
Contributor URL: http://free.prohosting.com/~musgrove
Details: 3.14 KB * Uploaded January 19 2000
Description: (Version 4.0+ Browsers) Appears as if it is raining on your web page, wow! The effect is accomplished by using DHTML in layers. Clever! As an added plus, you can easily customize the number of raindrops and how fast they fall.

[ Get Source Code ]


Title: Rainbow Fade
Contributor: Jenny Lam (tabiko@sprint.ca)
Contributor URL: http://www.geocities.com/Tokyo/Ginza/3379
Details: 2.05 KB * Uploaded May 1 1998
Description: That was another way to get your visitor's attention - with a rainbow fade! Just take a look! It's neat!

[ Get Source Code ]


Title: Roulette
Contributor: Michael Tartaglia (stonedstan@hotmail.com)
Contributor URL: http://www.geocities.com/SiliconValley/Horizon/5235
Details: 3.67 KB * Uploaded December 4 1998
Description: Select a new background color on this roulette wheel! Stop each wheel and hit "view" to see that background color wheel combination! Cool!

[ Get Source Code ]


Title: Shake Screen
Details: 1.09 KB * Uploaded June 10 1999
Description: 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! Not entirely useful, but neat anyways.

[ Get Source Code ]


Title: Snow
Contributor: Altan (snow@altan.hr)
Contributor URL: http://www.altan.hr/snow
Details: 3.39 KB * Uploaded October 20 1999
Description: Put some JavaScript-powered snow on your web site! 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. Definitely a cool effect.

[ Get Source Code ]


Title: Sound
Contributor: Kipp Shinabarger (kipps@bigfoot.com)
Details: 0.81 KB * Uploaded April 2 1998
Description: 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! Very cool!

[ Get Source Code ]


Title: Space Trip
Contributor: Kurt Grigg (kurt.grigg@virgin.net)
Contributor URL: http://website.lineone.net/~kurt.grigg/javascript
Details: 3.79 KB * Uploaded January 31 2001
Description: Travel through space with this cool background effect. Check it out!

[ Get Source Code ]


Title: Star Field
Contributor: Brian Gosselin (bgaudiodr@aol.com)
Contributor URL: http://bgaudiodr.iwarp.com
Details: 3.33 KB * Uploaded July 28 2000
Description: Appears as if you are flying through a star field in space. Works in both browsers.

[ Get Source Code ]


Title: Stubborn Image
Contributor: Kien Caoxuan (kcaoxuan@caoxuan.com)
Contributor URL: http://www.caoxuan.com/
Details: 2.28 KB * Uploaded November 9 2000
Description: Chase the image across the screen with your mouse, but you will never catch it. Entertaining!

[ Get Source Code ]


Title: Text Blinker
Details: 1.31 KB * Uploaded March 27 1999
Description: JavaScript 1.2 (found in version 4.0 browsers) provides this neat effect: the text changes color every second. Now this is a great way to draw attention without using the annoying BLINK tag.

[ Get Source Code ]


Title: Type-A-Color
Contributor: Eric Stremming (estremming@hotmail.com)
Contributor URL: http://www.geocities.com/SunsetStrip/Club/5970
Details: 1.06 KB * Uploaded November 22 1997
Description: This script is another neat way to spice up your webpage with JavaScript. Visitors just type their favorite color in the box and click a button. The background is instantly changed to their favorite color!

[ Get Source Code ]


Title: Window Open method
Contributor: suyash jain (hello@yahoo.com )
Contributor URL: www.hello.com
Details: 0.66 KB * Uploaded February 23 2002
Description: This tiny script will open as many winodws as you choose to whatever site you choose.

[ Get Source Code ]


Title: Write Layer
Contributor: Gregor (legreg@legreg.de)
Details: 2.15 KB * Uploaded March 29 2001
Description: Display, hide, and change layers in all browsers. This useful script makes it easy!

[ Get Source Code ]