Para ver cada ejemplo:
Haga clic en el enlace de abajo y cargar el ejemplo de esta ventana.
A continuación, para ver el código fuente:
Haga clic en el botón derecho del ratón sobre la ventana y seleccione "Ver código
fuente" de la ventana emergente.
Si alguno de los gráficos se utilizan en el guión:
Haga clic en el botón derecho del ratón sobre cada gráfico y seleccione "Guardar
imagen como" del menú emergente. (Todos los gráficos se incluyen en el mismo
Para volver al Indice:
Haga clic en el botón "Atrás" en la parte superior de su navegador.
|2 Way Background Images Slide
||Runs an image slideshow in the background of
the page, underneath the page content. Used with the accompanying style script, images are
discretely positionable in the page space, just like a regular slideshow. Leave out the
style script, and the slideshow runs with full page-space presentation. IE 4.0+ or NS 6.0
(degrades gracefully in others)
||An alien spacecraft hovers around the
||Watch as the astronaut floats around in space.
His random movements over the background of moving stars gives the perception of space
||(IE 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.
||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!
to black, and back.
||The background image is actually scrolled on
||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
||Randomly bounces an image, or anything within
a DIV, across the page. Click on the image to start and stop it from moving.
|Cell Bg Changer
||(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. Clicking acts like a normal link.
||(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.
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
from one color to the next for each of the 10 colors then it starts the loop over again!
||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
||Use your cursor to select your background
||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.
screen, fade the background, and then bring you to the destination page
||This script, once started, will continuously
loop the background color
||Produces a multi-colored fireworks display as
the background of the page. Works in both Netscape and Internet Explorer.
||Celebrate Valentine's day on your web site
with a dozen hearts floating randomly around the page.
|Full Size Image
||Resizes any image to fit the current
dimensions of the browser window. Works best with high resolution images but works with
||Resizes an image to the size given to the
function. The number of steps and total length of time of the transition can be
controlled. Internet Explorer Only.
||Scrolls HTML elements within a DIV. Can be
modified to scroll vertically or horizontally.
||With every new letter that you touch,
||This is a very simple background changer. It
just takes the selected value from the list and makes that the background color.
||Fade any image horizontally and vertically.
Can be positioned anywhere on the page
||(Internet Explorer Only) Simulate the Matrix
by choosing one of the links. The window closes after the whole string is printed.
|Menu Sliding Image
||(Internet Explorer Only) Provides a navigation
menu with a moving image behind the menu!
||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
||Illustrates movement of stars (or snow)
depending on the direction of the mouse.
||Float a layer on the screen so that it stays
in place while a user scrolls the page. It has an animation script that slides the layer
into position. Netscape 6 compatible!
||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
||Every times a visitor comes to a page with
this script in effect, they get a different foreground and background color.
||As an alternative to background colors and
take a look at the background of this page then hit reload.
||(Version 4.0+ Browsers) Appears as if it is
raining on your web page! The effect is accomplished by using DHTML in layers. You can
easily customize the number of raindrops and how fast they fall.
||Another way to get your visitor's attention -
with a rainbow fade!
||Select a new background color on this roulette
wheel! Stop each wheel and hit "view" to see that background color wheel
||California has earthquakes, and so does
using the moveBy() function, somewhat like a web browser earthquake!
||Dozens of snowflakes carelessly drift back and
forth as they float down the browser window. You can even adjust the speed that the
||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!
||Travel through space with this cool background
||Appears as if you are flying through a star
field in space.
||Chase the image across the screen with your
mouse, but you will never catch it.
provides this neat effect: the text changes color every second.
|Type A Color
||Visitors just type their favorite color in the
box and click a button. The background is instantly changed to their favorite color!
||Display, hide, and change layers in all