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"?);