Hover para area de zonas

[JUMASOL]

Hola,

He hecho unos botones con forma poligonal.

Nada especial:

Código:

<img src="archivos/Fondo.png" alt="" usemap="#botones" />
      <map name="botones" id="botones">
        <area alt="" title="" href="#" shape="poly" coords="1,53,117,54,148,0,31,0" />
        <area alt="" title="" href="#" shape="poly" coords="120,54,151,0,210,0,240,53" />
        <area alt="" title="" href="#" shape="poly" coords="244,53,381,53,350,0,213,0" />
      </map>

¿Hay alguna forma de darle un efecto hover a cada botón sin usar Jquery?

He puesto una imagen (Fondo.png) que es transparente 100% sólo para que haya algo y funcione la construcción. Luego querría colocar un background a cada botón para que se vea el botón en sí y luego otro para el hover.

¿Es posible sin tener que meter un archivo jQuery?

¿Tal vez algo sencillo con mouseover y javascript con un fondo representativo de los botones para el caso de que no esté habilitado javascript?

¿Se puede?

Gracias.

[caricatos]

Hola:

Las dos formas que conozco es mediante el efecto rollover, o con una imagen svg... lo del rollover necesita tantas imágenes como áreas uses. Aunque yo me decantaría con el formato svg. Puedes seguir usando la imagen png, y en vez de áreas se usan etiquetas polygon, envueltas en los clasicos enlaces, y con posibilidad de usar estilos del tipo :hover... el atributo a usar es fill.

Si buscas mapas de España (y svg), encontrarás algunas cosillas mías.

Saludos