body_background_effects.html

Use scipts to get Background effects on your web Page

<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: [e-mail]">Matthew Musgrove</a>  (<a href="mailto: [e-mail]"> [e-mail]</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:[e-mail]">Jenny Lam</a>&nbsp;(<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Michael Tartaglia</a>&nbsp;(<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Altan</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Kipp Shinabarger</a>&nbsp;(<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Kurt Grigg</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Brian Gosselin</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Kien Caoxuan</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Eric Stremming</a>&nbsp;(<a href="mailto:[e-mail]">[e-mail]</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>

<BASE TARGET="_parent">
<LINK REL=STYLESHEET TYPE="text/css" HREF="../Background_Effects/style.css">
<LINK REL=STYLESHEET TYPE="text/css" HREF="../Background_Effects/site.css">
<STYLE>
</STYLE>
</HEAD>
<BODY TOPMARGIN=2 LEFTMARGIN=2 MARGINWIDTH=2 MARGINHEIGHT=2>
</BODY>
</HTML>