The WebToolBox
Background Changing

HOME

Slide-in Menu
Background Changing
DHTML Analog Clock
Static Menu Script
Scrolling Text Link
Textual Tooltip Script
Mouseover Link Bar
Bouncing Message
Shock Wave Text
Nudging Text
Roller Coaster Text
Text Animator
Typing Text Script
Pulsating Text
Cross Browser Marquee
Cursor Scroller
Cursor Trailer Text
Dropdown Menu
Text Area
Disco Background Effect
Scientific Calculator
Basic HTML Tutorials
Guide to Javascripts
Color Chart
Hex Color Codes
Contact Information

To copy,highlight codes below and press Ctrl+C,to paste click left then right in your html text area.Edit.(Note:Poorly formatted codes can produce unexpected results.)

Change the background color!

Background Changing

<SCRIPT language="JavaScript">
<!--
/* Get this script and more at JavaScript City: http://www.javascriptcity.com */

function get_color(color_num)
{
var now_color=color_num;

var my_color= new Array(5)
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="ghostwhite";

document.bgColor=my_color[now_color];
}
//-->
</SCRIPT>
<P>
<B>Change the background color!</B>
<P>
<FORM>
<INPUT type="button" value="Lime" onClick="get_color(0)">

<INPUT type="button" value="Orange" onClick="get_color(1)">

<INPUT type="button" value="Light Blue" onClick="get_color(2)">

<INPUT type="button" value="Pink" onClick="get_color(3)">

<INPUT type="button" value="Back" onClick="get_color(4)">
</FORM>