Nwlapcug.com


Come creare un effetto MouseOver con Dreamweaver

Come creare un effetto MouseOver con Dreamweaver


Come creare un effetto MouseOver con Dreamweaver. Un effetto di "mouse-over" si verifica quando l'utente sposta il puntatore del mouse
su un'immagine. Quando il puntatore viene posizionato sull'immagine, si trasforma in qualcos'altro. Ciò è particolarmente utile per i pulsanti di navigazione. Dreamweaver 3.0 dispone di comandi del mouse-over pronti per voi impostare!

Istruzioni

1

Avviare Dreamweaver e aprire la pagina che l'effetto del passaggio del mouse si trova su.

2

Aprire il menu Inserisci e seleziona immagine di Rollover. Verrà visualizzata una finestra di dialogo.

3

Digitare il nome dell'immagine per essere rotolato sopra nella prima casella. Ad esempio, si potrebbe chiamare un pulsante Home Page Home Rollover.

4

Nella finestra successiva, digitare il percorso dell'immagine che apparirà sulla pagina. Fare clic su Sfoglia per selezionare un'immagine dal disco rigido.

5

Nella casella di immagine di Rollover, digitare il percorso dell'immagine che sarà visualizzata quando il mouse passa sopra l'immagine. Fare clic su Sfoglia per selezionare un'immagine dal disco rigido.

6

Se l'immagine è cliccabile (collegato), digitare l'indirizzo Web nella casella successiva. Fare clic su OK.

7

Salvare la pagina al termine.

8

Testare il mouse-over scegliendo Anteprima nel Browser dal menu File. Passa il mouse sopra l'immagine per vedere la nuova immagine di prendere il suo posto.

Consigli & Avvertenze

  • Assicurarsi che sia selezionata la casella di immagine Rollover precarico. Questo sì che le immagini utilizzate il mouse-over vengono caricate nel sito Web prima che l'utente ha la possibilità di sorvolare l'immagine di base, riducendo la possibilità di errori.
  • Entrambe le immagini devono essere delle stesse dimensioni.
  • Un mouse-over è parte di un gruppo di azioni denominate "comportamenti" in Dreamweaver. Comportamenti, che sono gli eventi (ad esempio posizionando il mouse) che attivano azioni (ad esempio la visualizzazione di una nuova immagine), sono costituiti da piccoli pezzi di codice JavaScript che raccontano il browser ad eseguire una funzione. Per ulteriori informazioni su JavaScript, vedere "Come imparare su JavaScript per" e "Come per aggiungere JavaScript a una pagina Web con Dreamweaver," sotto eHows correlate.