CAMBIO IMMAGINE PER BOTTONI

Un buon antipasto per tappare un buco Dalle tagliatelle alle lasagne Dalla triglia al forno alla sogliola alla mugnaia

Questa utile javascript per creare un menu, oltre che avere doppi bottoni ha un fumetto per ogni bottone dove aggiungere una descrizione della pagina che si va a visitare. I bottoni attualmente in uso sono 150x50 pixel ma chiaramente potete crearne di qualsiasi dimensione volete, cambiando chiaramente nella javascript la dimensione.

 

Lo script da inserire in html

<SCRIPT language="JavaScript">
function movepic(img_name,img_src) {
document[img_name].src=img_src;
}
// End -->
</SCRIPT>

</head>

<!--inizio immagini e link bottoni -->
<center>
<A HREF="http://www.webmasterpaolo.com/javascript/cambio_immagine_bottoni/antipasto.htm" 
onmouseover="movepic('button1','antipasto_on.jpg')" 
onmouseout="movepic('button1','antipasto_off.jpg')">
<IMG NAME="button1" SRC="antipasto_off.jpg" ALT="Un buon antipasto per tappare un buco" width="150" height="50"></A>
<A HREF="http://www.webmasterpaolo.com/javascript/cambio_immagine_bottoni/carne.htm" 
onmouseover="movepic('button2','carne_on.jpg')" 
onmouseout="movepic('button2','carne_off.jpg')">
<IMG NAME="button2" SRC="carne_off.jpg" ALT="Dalle tagliatelle alle lasagne"></A>
<A HREF="http://www.webmasterpaolo.com/javascript/cambio_immagine_bottoni/pesce.htm" 
onmouseover="movepic('button3','pesce_on.jpg')" 
onmouseout="movepic('button3','pesce_off.jpg')">
<IMG NAME="button3" SRC="pesce_off.jpg" ALT="Dalla triglia al forno alla sogliola alla mugnaia"></A>

 

SE VEDI SOLO QUESTA PAGINA NON VEDI GLI ALTRI FRAME CLICCA QUI