Hay de varias formas para hacer una imagen animada.
Una es con un GIF animado, que es un archivo que tiene grabadas varias imágenes y las muestra cada determinado tiempo.
Otra sería con Flash... pero no lo sé manejar muy bien.
Otra más, si quieres un botón que al poner el cursor encima se ilumine o algo, está este script:
<head>
<script type="text/javascript">
<!--
// copyright 1999 Idocs, Inc. http://www.idocs.com/tags/
// Distribute this script freely, but please keep this // notice with the code.
var rollOverArr=new Array();
function setrollover(OverImgSrc,pageImageName)
{
if (! document.images)return;
if (pageImageName == null)
pageImageName = document.images[document.images.length-1].name;
rollOverArr=new Object;
rollOverArr.overImg = new Image;
rollOverArr.overImg.src=OverImgSrc;
}
function rollover(pageImageName)
{
if (! document.images)return;
if (! rollOverArr)return;
if (! rollOverArr.outImg)
{
rollOverArr.outImg = new Image;
rollOverArr.outImg.src = document.images.src;
}
document.images.src=rollOverArr.overImg.src;
}
function rollout(pageImageName)
{
if (! document.images)return;
if (! rollOverArr)return;
document.images.src=rollOverArr.outImg.src;
}
//-->
</script>
~~~~~~~~~~
<head>
<body>
~~~~~~~~~~
XXX"][contenido no disponible]
<script type="text/javascript">
<!--
setrollover("IMAGEN CON EL CURSOR ARRIBA");
//-->
</script>
Como se puede ver, la primera parte va en <head>; y la segunda, donde se quiera el botón.
En NOMBRE DEL BOTON, tiene que ser el mismo en los tres, y los archivos de imágenes tienen que ser diferentes.
