body_background_effects.html

Use scipts to get Background effects on your web Page

<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:[e-mail]">Edward Kodgis II</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[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.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:[e-mail]">Fred S. Tucker</a>&nbsp;(<a href="mailto:[e-mail]">[e-mail]</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:[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://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:[e-mail]">Homer</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Eddie Traversa</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Bruce W.Anderson</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Bob Simpson</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Matt Lewis</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Daniel Dhillon</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Matt Gabbert</a>  (<a href="mailto:[e-mail]">[e-mail]</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:[e-mail]">Joe Lard</a>  (<a href="mailto:[e-mail]">[e-mail]</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>