Foros del Web - Rota banner simple

Tenía uno especial para baners, aunque no se donde.
Este de imágenes te puede valer.

INSTRUCTIONS:
=============

This is a fairly straightforward technique,
which works well in both IE and NS6+ (degrades
gracefully in older browsers).

Just place the style script below in the
<head> of your page, add the class= and the mouse
event calls to the textarea tag, and you're done.

Step 1.:
--------

Place this style script in the <head> of the page:

<style>
textarea.imageOne{
background-color:000000;
background-image:url(blue_saturn.jpg);
color:00ff00;
}
textarea.imageTwo{
background-color:000000;
background-image:url(butterflies.jpg);
color:ff0000;
}
</style>

Change the images to your own, of course; and also
see the notes at the end.

Step 2.:
--------

Set up your <textarea> like this:

<textarea
rows="12" cols="74"
class="imageOne"
onMouseOver="this.className='imageTwo'"
onMouseOut="this.className='imageOne'">
.
.
.
your text
.
.
.
</textarea>

Script Notes.:
--------------

In the style script, note that we set the background-color:000000;

This should usually be the same color as your image background colors,
and it's done to prevent flashing while the images are actually loaded.

Setting the color:ff0000; and color:00ff00; sets the text colors to red
and green, respectively, in this example; so change them to the colors
you wish to use in your design.

Note also that in IE, the images will scroll with the text; but with
NS6+'s less dynamic object model, the images may remain static.