<HTML>
<HEAD>
<TITLE>JavaScript Source Code 2002:  BG Effect Scripts</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 2002" CONTENT="no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 2002">
<META NAME="section" CONTENT="BG Effects">
<META NAME="description" CONTENT="JavaScript Background Effects  -- These scripts 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.">
<META NAME="keywords" content="background change color flash image random picture swap document.bgcolor">
<META NAME="robots" content="all">
<META NAME="title" content="JavaScript Source Code 2002 - BG Effect Scripts">
<META NAME="subject" content="JavaScript">
<LINK REL="stylesheet" href="../styles/jsstyles.css" /styles/jsstyles.css" type="text/css">
</HEAD>

<BODY>

<BR>
<H1><A HREF="../index.htm" /" TARGET="_top">Home</A> <img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}"> <A HREF="index.htm" /bgeffects/" TARGET="_top">Background Effects</A> <img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}"> Index</H1>
</CENTER>

<P CLASS="listingtxt">
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 <a href="../forum/index.htm" /forum/">The JavaScript Forum</a>.
<hr noshade size=5 class="listing"></P>

<!--content_start-->

<P CLASS="listingtxt">
<b>Title:</b> <a name="Alien_Spacecraft" href="alien-spacecraft.html" /bgeffects/alien-spacecraft.html">Alien Spacecraft</a><br><b>Contributor:</b>  <a href="mailto:bgaudiodr@aol.com">Brian Gosselin</a>  (<a href="mailto:bgaudiodr@aol.com">bgaudiodr@aol.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.bgaudiodr.iwarp.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.bgaudiodr.iwarp.com/'" tppabs="http://www.bgaudiodr.iwarp.com/">http://www.bgaudiodr.iwarp.com</a><br><b>Details:</b> 2.62 KB * Uploaded June 7 2000<br><b>Description:</b>  An alien spacecraft hovers around the background of the page using JavaScript and DHTML.  Best used with a space background.  Cool!</P><P CLASS="listingalign" align=right>[ <a href="alien-spacecraft.html#source" /bgeffects/alien-spacecraft.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Astronaut" href="astronaut.html" /bgeffects/astronaut.html">Astronaut</a><br><b>Contributor:</b>  <a href="mailto:manohar_v@yahoo.com">Viswanathan Manohar</a>  (<a href="mailto:manohar_v@yahoo.com">manohar_v@yahoo.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/manohar_v  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/manohar_v'" tppabs="http://www.geocities.com/manohar_v">http://www.geocities.com/manohar_v</a><br><b>Details:</b> 3.03 KB * Uploaded March 21 2000<br><b>Description:</b>  Watch as the astronaut floats around in space.  His random movements over the background of moving stars gives the perception of space travel.  Wow!</P><P CLASS="listingalign" align=right>[ <a href="astronaut.html#source" /bgeffects/astronaut.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Background_Changer" href="background-changer.html" /bgeffects/background-changer.html">Background Changer</a><br><b>Contributor:</b>  <a href="mailto:mwhitnel@southeast.net">Mark Whitnell</a>  (<a href="mailto:mwhitnel@southeast.net">mwhitnel@southeast.net</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://users.leading.net/~mwhitnel  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://users.leading.net/~mwhitnel'" tppabs="http://users.leading.net/~mwhitnel">http://users.leading.net/~mwhitnel</a><br><b>Details:</b> 1.75 KB * Uploaded January 10 2000<br><b>Description:</b>  (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.</P><P CLASS="listingalign" align=right>[ <a href="background-changer.html#source" /bgeffects/background-changer.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Ball_Drop" href="ball-drop.html" /bgeffects/ball-drop.html">Ball Drop</a><br><b>Contributor:</b>  <a href="mailto:smardoi@yahoo.com">Dragos Saracu</a>  (<a href="mailto:smardoi@yahoo.com">smardoi@yahoo.com</a>)<br><b>Details:</b> 3.46 KB * Uploaded October 17 2000<br><b>Description:</b>  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!</P><P CLASS="listingalign" align=right>[ <a href="ball-drop.html#source" /bgeffects/ball-drop.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="BG_Scroller" href="bg-scroller.html" /bgeffects/bg-scroller.html">BG Scroller</a><br><b>Contributor:</b>  <a href="mailto:roysinclair@email.msn.com">Roy Sinclair</a>  (<a href="mailto:roysinclair@email.msn.com">roysinclair@email.msn.com</a>)<br><b>Details:</b> 0.72 KB * Uploaded July 25 2000<br><b>Description:</b>  The background image is actually scrolled on the page.  Wow!</P><P CLASS="listingalign" align=right>[ <a href="bg-scroller.html#source" /bgeffects/bg-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="blinkscreen" href="blinker.html" /bgeffects/blinker.html">Blinker</a><br><b>Details:</b> 1.01 KB * Uploaded June 21 1997<br><b>Description:</b>  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. </P><P CLASS="listingalign" align=right>[ <a href="blinker.html#source" /bgeffects/blinker.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Bouncing_Image" href="bouncing-image.html" /bgeffects/bouncing-image.html">Bouncing Image</a><br><b>Contributor:</b>  <a href="mailto:JArruda@mindspring.com">Justin Arruda</a>  (<a href="mailto:JArruda@mindspring.com">JArruda@mindspring.com</a>)<br><b>Details:</b> 2.22 KB * Uploaded January 12 2001<br><b>Description:</b>  Randomly bounces an image, or anything within a DIV, across the page. Click on the image to start and stop it from moving. Cool!</P><P CLASS="listingalign" align=right>[ <a href="bouncing-image.html#source" /bgeffects/bouncing-image.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Cell_BG_Changer" href="cell-bg-changer.html" /bgeffects/cell-bg-changer.html">Cell BG Changer</a><br><b>Contributor:</b>  <a href="mailto:scripts@site4sure.com">Chris Chopping</a>  (<a href="mailto:scripts@site4sure.com">scripts@site4sure.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.site4sure.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.site4sure.com/'" tppabs="http://www.site4sure.com/">http://www.site4sure.com</a><br><b>Details:</b> 1.60 KB * Uploaded October 2 2000<br><b>Description:</b>  (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.</P><P CLASS="listingalign" align=right>[ <a href="cell-bg-changer.html#source" /bgeffects/cell-bg-changer.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Color_Adjuster" href="color-adjuster.html" /bgeffects/color-adjuster.html">Color Adjuster</a><br><b>Contributor:</b>  <a href="mailto:yobo42@hotmail.com">Dion</a>  (<a href="mailto:yobo42@hotmail.com">yobo42@hotmail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.iinet.net.au/~biab/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.iinet.net.au/~biab/'" tppabs="http://www.iinet.net.au/~biab/">http://www.iinet.net.au/~biab/</a><br><b>Details:</b> 2.28 KB * Uploaded October 7 1999<br><b>Description:</b>  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".</P" /bgeffects/.</P"><P CLASS="listingalign" align=right>[ <a href="color-adjuster.html#source" /bgeffects/color-adjuster.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Color_Chooser" href="color-chooser.html" /bgeffects/color-chooser.html">Color Chooser</a><br><b>Contributor:</b>  <a href="mailto:eddiaka@hotmail.com">Edward Kodgis II</a>  (<a href="mailto:eddiaka@hotmail.com">eddiaka@hotmail.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://members.spree.com/entertainment/squeesoft/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://members.spree.com/entertainment/squeesoft/'" tppabs="http://members.spree.com/entertainment/squeesoft/">http://members.spree.com/entertainment/squeesoft/</a><br><b>Details:</b> 7.96 KB * Uploaded December 26 2000<br><b>Description:</b>  (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!</P><P CLASS="listingalign" align=right>[ <a href="color-chooser.html#source" /bgeffects/color-chooser.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="colortable" href="color-table.html" /bgeffects/color-table.html">Color Table</a><br><b>Details:</b> 3.43 KB * Uploaded June 21 1997<br><b>Description:</b>  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. </P><P CLASS="listingalign" align=right>[ <a href="color-table.html#source" /bgeffects/color-table.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="colorwheel" href="color-wheel.html" /bgeffects/color-wheel.html">Color Wheel</a><br><B>Contributor:</B>  <a href="mailto:estremming@hotmail.com">Eric Stremming</a>&nbsp;(<a href="mailto:estremming@hotmail.com">estremming@hotmail.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/SunsetStrip/Club/5970  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/SunsetStrip/Club/5970'" tppabs="http://www.geocities.com/SunsetStrip/Club/5970">http://www.geocities.com/SunsetStrip/Club/5970</A><br> <b>Details:</b> 1.55 KB * Uploaded May 1 1998<br><b>Description:</b>  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. </P><P CLASS="listingalign" align=right>[ <a href="color-wheel.html#source" /bgeffects/color-wheel.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="continuousfader" href="fader.html" /bgeffects/fader.html">Continuous Fader</a><br><b>Details:</b> 1.15 KB * Uploaded June 21 1997<br><b>Description:</b>  This script, once started, will continiously loop the background color.  Try it out!  A really cool script!  Short too! </P><P CLASS="listingalign" align=right>[ <a href="fader.html#source" /bgeffects/fader.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="cursorchanger" href="cursor-changer.html" /bgeffects/cursor-changer.html">Cursor Changer</a><BR><b>Details:</b> 1.70 KB * Uploaded July 11 1997<br><b>Description:</b>  Use your cursor to select your background color.</P><P CLASS="listingalign" align=right>[ <a href="cursor-changer.html#source" /bgeffects/cursor-changer.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Dual_Scroller" href="dual-scroller.html" /bgeffects/dual-scroller.html">Dual Scroller</a><br><b>Details:</b> 2.32 KB * Uploaded February 7 2001<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="dual-scroller.html#source" /bgeffects/dual-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="fadein" href="fade-in.html" /bgeffects/fade-in.html">Fade In</a><BR><B>Contributor:</B>  <a href="mailto:Slurpie_Tucker@yahoo.com">Fred S. Tucker</a>&nbsp;(<a href="mailto:Slurpie_Tucker@yahoo.com">Slurpie_Tucker@yahoo.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://members.tripod.com/~Slurpies_Page  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://members.tripod.com/~Slurpies_Page'" tppabs="http://members.tripod.com/~Slurpies_Page">http://members.tripod.com/~Slurpies_Page</A><BR><b>Details:</b> 1.56 KB * Uploaded February 15 1998<br><b>Description:</b>  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!</P><P CLASS="listingalign" align=right>[ <a href="fade-in-source.html#source" /bgeffects/fade-in-source.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Fireworks" href="fireworks.html" /bgeffects/fireworks.html">Fireworks</a><br><b>Contributor:</b>  <a href="mailto:kurt.grigg@virgin.net">Kurt Grigg</a>  (<a href="mailto:kurt.grigg@virgin.net">kurt.grigg@virgin.net</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://freespace.virgin.net/kurt.grigg  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://freespace.virgin.net/kurt.grigg'" tppabs="http://freespace.virgin.net/kurt.grigg">http://freespace.virgin.net/kurt.grigg</a><br><b>Details:</b> 5.76 KB * Uploaded June 8 2000<br><b>Description:</b>  Produces a multi-colored fireworks display as the background of the page.  Works in both Netscape and Internet Explorer.</P><P CLASS="listingalign" align=right>[ <a href="fireworks.html#source" /bgeffects/fireworks.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Floating_Hearts" href="floating-hearts.html" /bgeffects/floating-hearts.html">Floating Hearts</a><br><b>Contributor:</b>  <a href="mailto:homer_adm@yahoo.it">Homer</a>  (<a href="mailto:homer_adm@yahoo.it">homer_adm@yahoo.it</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://start.at/the_simpsons  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://start.at/the_simpsons'" tppabs="http://start.at/the_simpsons">http://start.at/the_simpsons</a><br><b>Details:</b> 4.23 KB * Uploaded February 14 2000<br><b>Description:</b>  Celebrate Valentine's day on your web site with a dozen hearts floating randomly around the page.  (A Modified version of the Snow script).</P><P CLASS="listingalign" align=right>[ <a href="floating-hearts.html#source" /bgeffects/floating-hearts.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Full_Size_Image" href="full-size-image.html" /bgeffects/full-size-image.html">Full Size Image</a><br><b>Contributor:</b>  <a href="mailto:psych3@primus.com.au">Eddie Traversa</a>  (<a href="mailto:psych3@primus.com.au">psych3@primus.com.au</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://nirvana.media3.net/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://nirvana.media3.net/'" tppabs="http://nirvana.media3.net/">http://nirvana.media3.net</a><br><b>Details:</b> 3.71 KB * Uploaded November 6 2000<br><b>Description:</b>  Resizes any image to fit the current dimensions of the browser window.  Works best with high resolution images but works with any image.  Awesome!</P><P CLASS="listingalign" align=right>[ <a href="full-size-image.html#source" /bgeffects/full-size-image.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="HTML_Scroller" href="html-scroller.html" /bgeffects/html-scroller.html">HTML Scroller</a><br><b>Contributor:</b>  <a href="mailto:appletlib@about.com">Bruce W.Anderson</a>  (<a href="mailto:appletlib@about.com">appletlib@about.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://appletlib.tripod.com/dhtml/elevator.html  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://appletlib.tripod.com/dhtml/elevator.html'" tppabs="http://appletlib.tripod.com/dhtml/elevator.html">http://appletlib.tripod.com/dhtml/elevator.html</a><br><b>Details:</b> 2.10 KB * Uploaded October 26 2000<br><b>Description:</b>  Scrolls HTML elements within a DIV. Can be modified to scroll vertically or horizontally. Amazing!</P><P CLASS="listingalign" align=right>[ <a href="html-scroller.html#source" /bgeffects/html-scroller.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="linkcolors" href="link-colors.html" /bgeffects/link-colors.html">Link Colors</a><BR><b>Details:</b> 2.45 KB * Uploaded June 21 1997<br><b>Description:</b>  With every new letter that you touch, JavaScript tells the computer to give the document a new background color.  Kind of cool.</P><P CLASS="listingalign" align=right>[ <a href="link-colors.html#source" /bgeffects/link-colors.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="list" href="list-changer.html" /bgeffects/list-changer.html">List Changer</a><BR><b>Details:</b> 1.23 KB * Uploaded June 21 1997<br><b>Description:</b>  This is a very simple background changer.  It just takes the selected value from the list and makes that the background color.</P><P CLASS="listingalign" align=right>[ <a href="list-changer.html#source" /bgeffects/list-changer.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Logo_fader" href="logo-fader.html" /bgeffects/logo-fader.html">Logo fader</a><br><b>Contributor:</b>  <a href="mailto:webmaster@maryjanebrown.net">Bob Simpson</a>  (<a href="mailto:webmaster@maryjanebrown.net">webmaster@maryjanebrown.net</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.maryjanebrown.net/webmaster  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.maryjanebrown.net/webmaster'" tppabs="http://www.maryjanebrown.net/webmaster">http://www.maryjanebrown.net/webmaster</a><br><b>Details:</b> 4.44 KB * Uploaded October 20 2000<br><b>Description:</b>  Fade any image horizontally and vertically.  Can be positioned anywhere on the page.  Awesome!</P><P CLASS="listingalign" align=right>[ <a href="logo-fader.html#source" /bgeffects/logo-fader.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Matrix" href="matrix.html" /bgeffects/matrix.html">Matrix</a><br><b>Contributor:</b>  <a href="mailto:matt999_999@yahoo.com">Matt Lewis</a>  (<a href="mailto:matt999_999@yahoo.com">matt999_999@yahoo.com</a>)<br><b>Details:</b> 2.61 KB * Uploaded November 1 2000<br><b>Description:</b>  (Internet Explorer Only) Simulate the Matrix by choosing one of the links.  The window closes after the whole string is printed.  Incredible!</P><P CLASS="listingalign" align=right>[ <a href="matrix.html#source" /bgeffects/matrix.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Menu_Sliding_Image" href="menu-sliding-image.html" /bgeffects/menu-sliding-image.html">Menu Sliding Image</a><br><b>Contributor:</b>  <a href="mailto:daniel@dhillon.com">Daniel Dhillon</a>  (<a href="mailto:daniel@dhillon.com">daniel@dhillon.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.daniel.dhillon.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.daniel.dhillon.com/'" tppabs="http://www.daniel.dhillon.com/">http://www.daniel.dhillon.com</a><br><b>Details:</b> 3.79 KB * Uploaded October 31 2000<br><b>Description:</b>  (Internet Explorer Only) Provides a navigation menu with a moving image behind the menu!</P><P CLASS="listingalign" align=right>[ <a href="menu-sliding-image.html#source" /bgeffects/menu-sliding-image.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Mouse_Fireworks" href="mouse-fireworks.html" /bgeffects/mouse-fireworks.html">Mouse Fireworks</a><br><b>Contributor:</b>  <a href="mailto:mgabbert@usrtoday.com">Matt Gabbert</a>  (<a href="mailto:mgabbert@usrtoday.com">mgabbert@usrtoday.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.nolag.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.nolag.com/'" tppabs="http://www.nolag.com/">http://www.nolag.com</a><br><b>Details:</b> 5.96 KB * Uploaded March 14 2000<br><b>Description:</b>  (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!</P><P CLASS="listingalign" align=right>[ <a href="mouse-fireworks.html#source" /bgeffects/mouse-fireworks.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Particle_Field" href="particle-field.html" /bgeffects/particle-field.html">Particle Field</a><br><b>Contributor:</b>  <a href="mailto:darg36@home.com">Joe Lard</a>  (<a href="mailto:darg36@home.com">darg36@home.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://members.home.net/darg36  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://members.home.net/darg36'" tppabs="http://members.home.net/darg36">http://members.home.net/darg36</a><br><b>Details:</b> 6.50 KB * Uploaded December 14 2000<br><b>Description:</b>  Illustrates movement of stars (or snow) depending on the direction of the mouse.  Awesome!</P><P CLASS="listingalign" align=right>[ <a href="particle-field.html#source" /bgeffects/particle-field.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="randombackground" href="r-bg.html" /bgeffects/r-bg.html">Random Background</a><BR><b>Details:</b> 2.00 KB * Uploaded June 21 1997<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="r-bg.html#source" /bgeffects/r-bg.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="randomcolors" href="r-colors.html" /bgeffects/r-colors.html">Random Colors</a><BR><b>Details:</b> 1.27 KB * Uploaded June 21 1997<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="r-colors.html#source" /bgeffects/r-colors.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="randomimages" href="r-images.html" /bgeffects/r-images.html">Random Images</a><BR><b>Details:</b> 2.38 KB * Uploaded June 21 1997<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="r-images.html#source" /bgeffects/r-images.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Rain" href="rain.html" /bgeffects/rain.html">Rain</a><br><b>Contributor:</b>  <a href="mailto: muskrat@lvnworth.com">Matthew Musgrove</a>  (<a href="mailto: muskrat@lvnworth.com"> muskrat@lvnworth.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://free.prohosting.com/~musgrove  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://free.prohosting.com/~musgrove'" tppabs="http://free.prohosting.com/~musgrove">http://free.prohosting.com/~musgrove</a><br><b>Details:</b> 3.14 KB * Uploaded January 19 2000<br><b>Description:</b>  (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.</P><P CLASS="listingalign" align=right>[ <a href="rain.html#source" /bgeffects/rain.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="rainbow" href="rainbow.html" /bgeffects/rainbow.html">Rainbow Fade</a><br><B>Contributor:</B>  <a href="mailto:tabiko@sprint.ca">Jenny Lam</a>&nbsp;(<a href="mailto:tabiko@sprint.ca">tabiko@sprint.ca</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/Tokyo/Ginza/3379  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/Tokyo/Ginza/3379'" tppabs="http://www.geocities.com/Tokyo/Ginza/3379">http://www.geocities.com/Tokyo/Ginza/3379</A><BR><b>Details:</b> 2.05 KB * Uploaded May 1 1998<br><b>Description:</b>  That was another way to get your visitor's attention - with a rainbow fade! Just take a look! It's neat! </P><P CLASS="listingalign" align=right>[ <a href="rainbow-source.html#source" /bgeffects/rainbow-source.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="roulette" href="roulette.html" /bgeffects/roulette.html">Roulette</a><br><B>Contributor:</B>  <a href="mailto:stonedstan@hotmail.com">Michael Tartaglia</a>&nbsp;(<a href="mailto:stonedstan@hotmail.com">stonedstan@hotmail.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/SiliconValley/Horizon/5235  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/SiliconValley/Horizon/5235'" tppabs="http://www.geocities.com/SiliconValley/Horizon/5235">http://www.geocities.com/SiliconValley/Horizon/5235</A><BR><b>Details:</b> 3.67 KB * Uploaded December 4 1998<br><b>Description:</b>  Select a new background color on this roulette wheel!  Stop each wheel and hit "view" to see that background color wheel combination!  Cool!</P><P CLASS="listingalign" align=right>[ <a href="roulette.html#source" /bgeffects/roulette.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Shake Screen" href="shake-screen.html" /bgeffects/shake-screen.html">Shake Screen</a><br><b>Details:</b> 1.09 KB * Uploaded June 10 1999<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="shake-screen.html#source" /bgeffects/shake-screen.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Snow" href="snow.html" /bgeffects/snow.html">Snow</a><br><b>Contributor:</b>  <a href="mailto:snow@altan.hr">Altan</a>  (<a href="mailto:snow@altan.hr">snow@altan.hr</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.altan.hr/snow  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.altan.hr/snow'" tppabs="http://www.altan.hr/snow">http://www.altan.hr/snow</a><br><b>Details:</b> 3.39 KB * Uploaded October 20 1999<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="snow.html#source" /bgeffects/snow.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="sound" href="sound.html" /bgeffects/sound.html">Sound</a><br><B>Contributor:</B>  <a href="mailto:kipps@bigfoot.com">Kipp Shinabarger</a>&nbsp;(<a href="mailto:kipps@bigfoot.com">kipps@bigfoot.com</a>)<BR><b>Details:</b> 0.81 KB * Uploaded April 2 1998<br><b>Description:</b>  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!</P><P CLASS="listingalign" align=right>[ <a href="sound.html#source" /bgeffects/sound.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Space_Trip" href="space-trip.html" /bgeffects/space-trip.html">Space Trip</a><br><b>Contributor:</b>  <a href="mailto:kurt.grigg@virgin.net">Kurt Grigg</a>  (<a href="mailto:kurt.grigg@virgin.net">kurt.grigg@virgin.net</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://website.lineone.net/~kurt.grigg/javascript  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://website.lineone.net/~kurt.grigg/javascript'" tppabs="http://website.lineone.net/~kurt.grigg/javascript">http://website.lineone.net/~kurt.grigg/javascript</a><br><b>Details:</b> 3.79 KB * Uploaded January 31 2001<br><b>Description:</b>  Travel through space with this cool background effect.  Check it out!</P><P CLASS="listingalign" align=right>[ <a href="space-trip.html#source" /bgeffects/space-trip.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Star_Field" href="star-field.html" /bgeffects/star-field.html">Star Field</a><br><b>Contributor:</b>  <a href="mailto:bgaudiodr@aol.com">Brian Gosselin</a>  (<a href="mailto:bgaudiodr@aol.com">bgaudiodr@aol.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://bgaudiodr.iwarp.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://bgaudiodr.iwarp.com/'" tppabs="http://bgaudiodr.iwarp.com/">http://bgaudiodr.iwarp.com</a><br><b>Details:</b> 3.33 KB * Uploaded July 28 2000<br><b>Description:</b>  Appears as if you are flying through a star field in space.  Works in both browsers.</P><P CLASS="listingalign" align=right>[ <a href="star-field.html#source" /bgeffects/star-field.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Stubborn_Image" href="stubborn-image.html" /bgeffects/stubborn-image.html">Stubborn Image</a><br><b>Contributor:</b>  <a href="mailto:kcaoxuan@caoxuan.com">Kien Caoxuan</a>  (<a href="mailto:kcaoxuan@caoxuan.com">kcaoxuan@caoxuan.com</a>)<br><b>Contributor URL:</b>&nbsp;<a href="javascript:if(confirm('http://www.caoxuan.com/  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.caoxuan.com/'" tppabs="http://www.caoxuan.com/">http://www.caoxuan.com/</a><br><b>Details:</b> 2.28 KB * Uploaded November 9 2000<br><b>Description:</b>  Chase the image across the screen with your mouse, but you will never catch it.  Entertaining!</P><P CLASS="listingalign" align=right>[ <a href="stubborn-image.html#source" /bgeffects/stubborn-image.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="Text Blinker" href="text-blinker.html" /bgeffects/text-blinker.html">Text Blinker</a><br><b>Details:</b> 1.31 KB * Uploaded March 27 1999<br><b>Description:</b>  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.</P><P CLASS="listingalign" align=right>[ <a href="text-blinker.html#source" /bgeffects/text-blinker.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

<P CLASS="listingtxt">
<b>Title:</b> <a name="typeacolor" href="type-a-color.html" /bgeffects/type-a-color.html">Type-A-Color</a><br><B>Contributor:</B>  <a href="mailto:estremming@hotmail.com">Eric Stremming</a>&nbsp;(<a href="mailto:estremming@hotmail.com">estremming@hotmail.com</a>)<BR><B>Contributor URL:</B>&nbsp;<a href="javascript:if(confirm('http://www.geocities.com/SunsetStrip/Club/5970  \n\nYou must be connected to the Internet to access this link.  \n\nDo you want to open it from the server?'))window.location='http://www.geocities.com/SunsetStrip/Club/5970'" tppabs="http://www.geocities.com/SunsetStrip/Club/5970">http://www.geocities.com/SunsetStrip/Club/5970</A><BR><b>Details:</b> 1.06 KB * Uploaded November 22 1997<br><b>Description:</b>  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!</P><P CLASS="listingalign" align=right>[ <a href="type-a-color.html#source" /bgeffects/type-a-color.html#source">Get Source Code</a> ]
<hr noshade size=5 class="listing"></P>

</FONT>
</CENTER>

</CENTER>
