Hvordan lage en rulling Bakgrunn Etter Effect i CS5

Når din blogg eller nettside har bilder eller reklame som en HTML-bakgrunn, bruk bakgrunnen rulle effekt i Adobe Dreamweaver CS5. Bakgrunnen rulle effekten lar bakgrunnsbilde av en nettside bla med brukeren, slik at den samme bakgrunnen vises alltid som brukeren leser nedover siden. Utfør denne effekten ved å legge en jQuery funksjon i CS5 editor.

Bruksanvisning

1 Åpne programvaren Adobe Dreamweaver CS5 fra Windows "Start" -knappen. Når programvaren åpnes, laste webprosjekt.

2 Dobbeltklikk på Web-fil som inneholder din bakgrunn du vil bla. Klikk på "HTML" -kategorien for å vise HTML-koden i Adobe designer.

3 Omgi HTML-innhold med en DIV tag. Dette betyr at alt innholdet er inneholdt og kontrollert av DIV. Legg til følgende koder til hoved HTML kroppen:

<Div id = "rulle"> All HTML-innhold går inn her </ div>

4 Sett bakgrunnen for bildet. Legg til følgende kode i CSS-klasser:

.scrolling {
bakgrunn: # 3e83c8 url (bg.png) gjenta-x 0 bunn;
}

Erstatt "bg.png" med ditt eget bakgrunnsbilde.

5 Legg til jQuery koden for å lage rullende effekt. Legg til følgende jQuery-funksjonen til koden for å bla bakgrunnen som brukerne bla nedover siden:

. $ ( 'Rulle') css ( "backgroundPosition", (retning == 'h') strøm + "px 0": "0" + strøm + "px"?);