Come fare un In & Out diapositive Effetto su Dreamweaver

August 14

Come fare un In & Out diapositive Effetto su Dreamweaver


Web designer utilizzano il popolare software di sviluppo web di Adobe Dreamweaver come uno strumento per la progettazione di siti web. Dreamweaver consente ai progettisti Web di assegnare i comportamenti a elementi del sito web come immagini. Dreamweaver utilizza JavaScript per attuare tali comportamenti. Uno di questi attributi comportamento è noto come "scorrere dentro e fuori" il comportamento. Un web designer assegna il comportamento di scorrimento per un elemento di sito web. Quando gli utenti del sito cliccare sull'elemento che scorre verso l'alto o verso il basso di una quantità predeterminata.

istruzione

1 Scrivere il codice HTML. È necessario avvolgere il vostro elemento all'interno di un elemento padre. L'elemento principale deve essere assegnato un identificativo univoco. Questo codice di esempio inserisce l'immagine di un'opzione di menu all'interno di una divisione genitore. La divisione viene assegnato il "imageWrapper." ID

<Div id = "imageWrapper">

<Img opzione di menu dalla barra delle opzioni nella parte superiore dello schermo e il sottomenu "comportamenti". La finestra comportamento dovrebbe apparire sul lato destro dello schermo.

4 Toccare il pulsante "+" nella parte superiore del pannello Comportamenti. Questo crea un nuovo comportamento.

5 Selezionare l'opzione effetto "diapositiva" dal nuovo menu Comportamenti.

6 Assegnare proprietà al nuovo effetto diapositiva. Si può causare l'elemento di scorrere verso l'alto o verso il basso e permettere l'effetto essere invertita. Si può anche determinare quanto alto o basso le diapositive elemento quando cliccato dai visitatori del sito.

Consigli e avvertenze

  • Una volta che il nuovo effetto di scorrimento viene applicato, Adobe aggiungerà un file JavaScript 2000 riga alla sezione head della pagina HTML. Non dimenticate di caricare il file JavaScript per il server, o il vostro dispositivo di scorrimento non funzionerà. Il file è SpryEffects.js aventi diritto.