Wie man einen Bildlauf Hintergrund nach Effekt in CS5

Wenn Sie Ihrem Blog oder ihrer Website Bilder oder Werbung als eine HTML-Hintergrund hat, verwenden Sie Hintergrund Scrollen Effekt in Adobe Dreamweaver CS5. Der Hintergrund Scroll Effekt erlaubt das Hintergrundbild einer Webseite mit dem Benutzer zu scrollen, also der gleiche Hintergrund wie der Benutzer immer angezeigt wird, liest unten auf der Seite. Führen Sie diesen Effekt durch Hinzufügen einer jQuery-Funktion im CS5-Editor.

Anweisungen

1 Öffnen Sie die Windows-Schaltfläche "Start" Adobe Dreamweaver CS5-Software. Nachdem die Software öffnet, laden Sie Ihr Web-Projekt.

2 Doppelklicken Sie auf die Datei, die Ihren Hintergrund enthält, die, den Sie blättern möchten. Klicken Sie auf "HTML", um den HTML-Code in Adobe Designer anzuzeigen.

3 Umgeben von Ihrem HTML-Inhalt in einem DIV-Tag. Dies bedeutet, dass alle Ihre Inhalte enthalten ist und von der DIV. hinzufügen die folgenden Tags zu Ihrem wichtigsten HTML-Körper kontrolliert:

< Div Id = "scrolling" > alle HTML-Inhalte werden hier < / Div >

4 Festlegen Sie den Hintergrund für das Bild. Fügen Sie folgenden Code zu Ihrer CSS-Klassen:

{.scrolling}Hintergrund: #3e83c8 url(bg.png) wiederholen-X 0 unten;}

Ersetzen Sie "bg.png" mit Ihren eigenen Hintergrund.

5 Fügen Sie den jQuery-Code, um den Bildlauf Effekt zu erzeugen. Fügen Sie die folgende jQuery-Funktion, um den Code auf den Hintergrund Ihrer Benutzer-Scroll unten auf der Seite Blättern:

$('scrolling').css ("BackgroundPosition" (Richtung == 'h')? aktuelle + "px 0": "0" + Strom + "px");