Cloud with rain
.:G
G:.
0 and 1 serie, black on white
pulled card
myjsp.feelinglinux.com
ver. 1.1.9-4
Hallo, welcome to my world.
Here you can find some stuff about computer science.
<<< Enjoy your visit! >>>
0 and 1 serie, white on black

JavaScript - Esempio banale di cambio immagine al passaggio del mouse

        Scritto: Giansante Gabriele, 03/01/2003     

Suppongo di avere un'immagine "vecchia.gif" che deve essere visualizzata inizialmente, ed una immagine "nuova.gif" da visualizzare al posto della prima quando ci passo sopra. Quando il mouse non e' piu' sopra all'immagine, deve essere visualizzata nuovamente "vecchia.gif".
 
  <html>
    <body>
        <script>
            //Immagine visualizzata quando vi e' il mouse sopra
            immagine_nuova = new Image();
            immagine_nuova.src = "/immagini/nuova.gif";
            //Immagine visualizzata normalmente o quando il mouse non vi e' sopra
            immagine_vecchia = new Image();
            immagine_vecchia.src = "/immagini/vecchia.gif";
        </script>
        <img name="Imm" src="/immagini/vecchia.gif" alt="" 
            onMouseOver="document.Imm.src=immagine_nuova.src;" 
            onMouseOut="document.Imm.src=immagine_vecchia.src">
    </body>
  </html>
Per renderlo migliore, per esempio, si potrebbero caricare le immagini sull'onload della pagina...


Hai trovato utile questo articolo?
Aiutami a condividerlo o metti un "mi piace".
Grazie mille!


Gli strumenti di condivisione (Google+, Facebook) sono visibili in alto a destra solo dopo aver accettato la policy di utilizzo dei cookie per questo sito.
FAQ - Come faccio a cambiare la mia scelta?

 

Strumenti (myjsp.feelinglinux.com)
Gioco: allenamento con la tastiera Strumenti di codifica/decodifica URI (%-encoding) e Base64 Strumenti di calcolo online per IP e Reti
QUIZ GAME
Quiz game

Cerca @myjsp.feelinglinux.com

Pubblicita'