Quando il tuo blog o sito immagini o pubblicità come uno sfondo HTML, usare l'effetto di sfondo lo scorrimento in Adobe Dreamweaver CS5. Lo sfondo effetto di scorrimento consente l'immagine di un sito web di scorrimento con l'utente di sfondo, così lo stesso sfondo è sempre mostrato come l'utente legge in basso nella pagina. Eseguire questo effetto con l'aggiunta di una funzione di jQuery nell'editor CS5.

istruzione

1 Aprire il software Adobe Dreamweaver CS5 dal pulsante di Windows "Start". Dopo l'apertura del software, caricare il progetto Web.

2 Fare doppio clic sul file Web che contiene lo sfondo si desidera scorrere. Fare clic sulla scheda "HTML" per visualizzare il codice HTML nella finestra di progettazione di Adobe.

3 Circondare il vostro contenuto HTML con un tag DIV. Ciò significa che tutti i contenuti è contenuto e controllato dal DIV. Aggiungere i seguenti tag al vostro corpo HTML principale:

<Div id = "scorrimento"> Tutti i contenuti HTML va qui </ div>

4 Impostare lo sfondo per l'immagine. Aggiungere il seguente codice per le classi CSS:

.scrolling {
background: # 3e83c8 url (bg.png) repeat-x 0 fondo;
}

Sostituire "bg.png" la propria immagine di sfondo.

5 Aggiungere il codice jQuery per creare l'effetto di scorrimento. Aggiungere la seguente funzione jQuery per il codice per far scorrere il background come gli utenti scorrono in basso nella pagina:

. $ ( 'Scrolling') css ( "backgroundPosition", (direzione == 'h') Corrente + "px 0": "0" + corrente + "px"?);