Este script consigue en un campo de texto cambie la imagen de fondo al pasar el mouse por encima.
Debemos modificar las 2 urls que apuntan hacia las imagenes, ademas de color: para especificar el color de la fuente o letras. Al insertar imagenes transparentes el fondo del area de texto aparecerá en negro, como aparece en el ejemplo, por lo que no recomendamos insertar imagenes transparentes
<head>
<style>
textarea.imagen1{
background-color:000000;
background-image:url(/images/mundo.gif);
color:00ff00;
}
textarea.imagen2{
background-color:000000;
background-image:url(/images/mundo2.gif);
color:ff0000;
}
</style>
</head>
<textarea
rows="10" cols="60"
class="imagen1"
onMouseOver="this.className='imagen2'"
onMouseOut="this.className='imagen1'"></textarea>