EchoEcho.Com
CORSI COMPLETI

HOME CORSI JAVASCRIPT AVANZATI     
EchoEcho.Com
STRUMENTI & RISORSE
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
  
  CERCA QUESTO SITO

Suggerisci questo Sito a un Amico
SUGGERISCI QUESTO SITO

BOTTONI ANIMATI

INTRODUZIONE


LA TECNICA



IL CODICE


ESEMPIO

Bottoni Animati :
LA TECNICA

Sistemiamo il bottone sulla pagina come una qualsiasi altra immagine su una pagina web.

Poi aggiungiamo un eventoonMouseOver all'immagine.
L'evento farà partire una funzione javascript che, quando il mouse passerà sul bottone, sostituirà l'immagine iniziale con una seconda immagine.

Infine aggiungiamo all'immagine anche un eventoonMouseOut.
Questo evento farà partire una funzione javascript che ripristinerà l'immagine iniziale quando l'utente allontanerà il mouse dal bottone.

Questa tecnica è dunque un processo a due passi:

Primo, devi inserire degli attributi "mouse event" ai tag HTML delle immagini.

Secondo, devi inserire un programma che parte quando il browser identifica gli eventi riguardanti il mouse.



<< PRECEDENTE
CONTINUA >>

JAVASCRIPT MENU

JAVASCRIPT FONDAMENTALI


BOTTONI ANIMATI


RIVELAZIONE DEL BROWSER


COOKIES


POPUP WINDOWS


MENU' A DISCESA


CONVALIDA DEL FORM


PROGRAMMA FRAMESET


LINK MULTIPLA




EchoEcho.Com
CORSI COMPLETI
 HOME 
 
 CORSI 
 
 RISORSE 
 
 STRUMENTI 
 
 DOCUMENTAZIONE 
 
 MAPPA 
EchoEcho.Com
STRUMENTI & RISORSE

(c) Copyright 1998-1999 NetKontoret - All Rights Reserved         Last modified on: 06/15/2000 15:06:53