Nwlapcug.com


Come creare più rollover Javascript in Dreamweaver

Roll-over su una pagina web causare un'immagine cambiare quando si passa il mouse da un visitatore. Utilizzato nei tuoi link menu, questa tecnica possa aiutare i visitatori a navigare attraverso il vostro sito con facilità. Se la progettazione del sito Web richiede che più di un'area di una pagina cambia quando un visitatore passa sopra un collegamento, Dreamweaver offre un modo semplice per soddisfare il tuo obiettivo con Javascript - nessuna codifica necessaria!

Istruzioni

1

Creare immagini nel tuo software di costruzione dell'immagine. Dovrai richiedere una parte base immagini e immagini di ribaltamento per ogni area del sito che si desidera modificare durante un passaggio del mouse. Per rollover senza soluzione di continuità, le immagini al passaggio del mouse sia la base per un singolo roll-over dovrebbero essere le stesse dimensioni e dovrebbero avere lo stesso sfondo. Salvare le immagini come pronti per il web file JPEG o GIF.

2

Aggiungi il tuo primo ribaltamento. Nel tuo file di Dreamweaver, clicca il cursore dove si desidera che l'immagine di base antiribaltamento a comparire. Ora, fare clic sulla freccia accanto all'icona immagine nella barra degli strumenti (è l'icona che assomiglia ad una foto di un albero). Dal menu a discesa, scegliere "Immagine Rollover". Si possono anche fare clic su Inserisci > oggetti immagine > Rollover immagine dalla barra del menu principale di Dreamweaver MX.

3

Aggiungere le immagini di base e al passaggio del mouse utilizzando la finestra di dialogo "Inserisci immagine Rollover". Dare alla vostra immagine un nome specifico. Si utilizzerà questo nome quando si aggiunge il tuo secondo roll-over. Inserire l'immagine di base e l'immagine di rollover utilizzando i primi due pulsanti "Sfoglia". Selezionare la casella di "immagine di rollover precarico" per istruire il browser a caricare l'immagine di rollover allo stesso tempo che tutte le altre immagini vengono caricati quando viene aperta una pagina.

4

Configurare il collegamento per il tuo primo roll-over. Accanto alla casella di testo con l'etichetta "quando si fa clic, vai a URL:", cercare il file a cui si collegherà il ribaltamento. Al termine, fare clic sul pulsante OK nella parte destra della finestra di dialogo. Salvare il file e aprirlo in un browser per assicurarsi che il link di ribaltamento sta lavorando il modo che immaginato.

5

Aggiungere un ulteriore ribaltamento che si attiva quando l'immagine originale è passa il mouse sopra. Tornate a Dreamweaver e inserire l'immagine di base per il vostro secondo roll-over. Aprire la finestra di comportamenti. Evidenziare l'immagine di base e fare clic su "+" menu a discesa dalla finestra di comportamenti per aggiungere un nuovo comportamento di Javascript. Scegliere "Scambia immagine" dalla lista di comportamento. Dall'elenco di file nella finestra di dialogo, scegliere il nome del file che è indicato per immagine originale del vostro primo roll-over. Quindi, selezionare librarsi immagine del secondo roll-over usando il pulsante "Sfoglia". Fare clic su "OK" e il tuo secondo differimento deve essere configurato. Salvare il file e rivederlo nuovamente in un browser. Quando il mouse sopra l'immagine originale di ribaltamento, sia l'immagine originale e l'immagine secondo roll-over dovrebbe passare come configurato.