📄 body_background_effects.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="Generator" CONTENT="NetObjects Fusion 5.0 for Windows">
<TITLE>Background Effects</TITLE>
<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000: BG Effect Scripts</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT="no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 3000">
<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 3000 - BG Effect Scripts">
<META NAME="subject" content="JavaScript">
<LINK REL="stylesheet" href="../styles/jsstyles.css" /styles/jsstyles.css" type="text/css">
</HEAD>
<BODY>
<BR>
</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.
<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> <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> <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> <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> <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> <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">
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -