JavaScript Background Random Fader

Smooth Background Random Fader
This is the world's smoothest background fader! It makes the background color of your web page constantly fade from dark to light or from light to dark or whatever you prefer. You may choose among 5 different fade-effects. The random generator continually changes the colors. Surprising animation to impress your visitors with almost zero bandwidth. Copy and paste installation. Cross-browser.

Configuration:

Step 1: Open your web page. Paste the following code between the <head> and </head> tags of your web page:

<SCRIPT>
// CREDITS:
// Background Random Fader
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.fabulant.com & http://www.designerwiz.com
// info@24fun.com
// 10/1/2001

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you are required to insert a highly visible link to http://www.fabulant.com
// right into the webpage where the script
// will be displayed.

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Choose a fade effect by configuering the variable  fade_effect below:
// Set 1 if the background should fade from dark to medium and back to dark
// Set 2 if the background should fade from light to medium and back to light
// Set 3 if the background should fade from light to dark and back to light
// Set 4 if the background should fade from light to very light and back to light
// Set 5 if the background should fade from dark to very dark and back to dark
var fade_effect=4

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

if (fade_effect==1) {
	var darkmax=1
	var lightmax=127
}

if (fade_effect==2) {
	var darkmax=127
	var lightmax=254
}

if (fade_effect==3) {
	var darkmax=1
	var lightmax=254
}

if (fade_effect==4) {
	var darkmax=180
	var lightmax=254
}

if (fade_effect==5) {
	var darkmax=1
	var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var redrgb=lightmax
var greenrgb=lightmax
var bluergb=lightmax

var redcol_1
var redcol_2 
var greencol_1 
var greencol_2 
var bluecol_1 
var bluecol_2 
 
var stepmax=3
var stepred=Math.ceil(stepmax*Math.random())
var stepgreen=Math.ceil(stepmax*Math.random())
var stepblue=Math.ceil(stepmax*Math.random())

function setrandomstep() {
	stepred=Math.ceil(stepmax*Math.random())
	stepgreen=Math.ceil(stepmax*Math.random())
	stepblue=Math.ceil(stepmax*Math.random())
}

Step 2: Open your web page. Go to the top of the script-code and choose a fade-effect by setting the variable fade_effect.

Step 3: Have fun!

Download 500 free copy-and-paste scripts

Like this code snippet? Why not share it with others by copying this page URL: