Wie man Scrollen Banner auf einer Website

Mehrere Möglichkeiten existieren, um ein Banner erstellen mit Lauftext. Eine Vorstellung zu bekommen, wie der Prozess funktioniert, am einfachsten erstellen Sie einen Banner mit einem Programm wie z. B. Editor, die Bestandteil von Windows ist für die Textbearbeitung. Im Editor können Sie eine kurze Demo-Webseite mit Möglichkeiten für das Scrollen mit einigen HTML-Elemente oder Skriptcode wie JavaScript oder VBScript erstellen. JavaScript wird bevorzugt, weil es ein bisschen mehr mit allen Browsern kompatibel ist. Mit anspruchsvoller Software können Sie scrollende Bilder auch, aber die Komplikationen dieses Prozesses gehen würde den Rahmen dieses Artikels sprengen.

Anweisungen

1 Erstellen Sie eine grundlegende Blätternfahne, öffnen Sie Notepad in Windows im Menü "Start". Das Programm befindet sich in der Gruppe "Zubehör". Geben Sie im Editor die folgenden Zeilen genau wie gezeigt. Dieser Code erstellt eine Textzeile, die ein Zeichen zu einem Zeitpunkt gelesen und ständig nach rechts mit den Befehlen "Substring" gestoßen. Der Text erscheint dann in einem Formular auf der Web-Seite an einer Position Banner am oberen Rand des Bildschirms platziert. Damit der Bildlauf langsamer wird, erhöhen Sie die Zahl in der Zeile "SetTimeout". Verringern Sie diese Zahl um die Schriftrolle zu beschleunigen. Die Hintergrundfarbe (BGCOLOR) kann sein, was Sie begehren. Farbe < Br / >< Br / >< html >< Br / >< Kopf >< Br / >>< / Kopf >< Br / >< SCRIPT LANGUAGE = \ "JavaScript\" >< Br / > Var Scr = "...." + \"These Wörtern werden über das Banner... \ scrollen zu halten" < Br / > Funktion ScrollAlong() < Br / > {< Br / > Temp = scr.substring(0,1) < Br / > gehen < Br / > Scr += Temp < Br / > Scr = SCR.Substring(1,SCR.length) < Br / > gehen < Br / > Dokument. BannerScroll.Banner.value = scr.substring(0,55) < Br / > gehen < Br / > setTimeout(\"ScrollAlong()\",100) < Br / > gehen < Br / >} < Br / >< / SCRIPT >< Br / >< BODY BGCOLOR = \ "#00FF00\" OnLoad = \ "ScrollAlong () \" >< Br / >< Formularname = \ "BannerScroll\" >< Br / >< Div ausrichten = \ "Center\" >< Br / >< Eingabename = \ "Banner\" Typ = \ "Text\" Wert = \ "\" Größe = \ "90\" / >< Br / >< / Div >< Br / >< / body >< Br / > < html >< Br / >< Br / > Speichern Sie diese Datei mit einem Namen Ihrer Wahl ersetzen die Standardeinstellung ".txt" Erweiterung mit". HTML". Zeigen Sie das Ergebnis durch Klicken auf "Öffnen mit", suchen der Datei auf Ihrem PC und wählen "Internet Explorer" oder bevorzugten Webbrowser an.

2 Überlagern Sie den Lauftext auf ein Bild für ein schicker aussehen. Diese Methode platziert eine Tabelle am oberen Rand der Webseite. Es stützt sich dann auf das Element "Marquee" und mehrere andere Befehle, die Richtung zu steuern, Delay und Größeder dem Lauftext zu wiederholen. Ersetzen Sie das Bild in der Zeile, die beginnt "< td Hintergrund" mit dem Dateinamen und den Speicherort des gewünschten Bildes. Ändern Sie die Farben, was Sie wollen. Verändern der "Scrolldelay" und andere Steuerelemente an Ihrem Text. < Br / >< Br / >< html >< Br / >< Kopf >< Br / >< / Kopf >< Br / >< Körper >< Br / >< Tisch Breite = \ "500\" Höhe = \ "150\" Grenze = \ "2\" Ausrichten = \ "Center\" >< Br / >< tr >< Br / >< td Hintergrund = \ "C : [hier ein eigenes Bild verwenden] "Bgcolor = \"#FFFFFF\">< Schriftgrad = \"4\"Gesicht = \"Arial\"Farbe = \"#000000\">< b >< Br / >< Festzelt Richtung = \"Right\"Scrolldelay = \"200\"< Br / > Verhalten = \"Scroll\"Scrollamount = \"20\"Breite = \"700\"Höhe = \"50\"Schleife = \"True\">< Br / >... Dieser Text wird über das Banner... Scrollen zu halten < Br / >< / Laufschrift >< / b >< / Schriftart >< / td >< Br / >< / >< tr Br / >< / Tabelle >< Br / >< / body >< Br / >< / html >< Br / >< Br / > Speichern Sie die Datei, und zeigen sie wie in Schritt 1.

3 Formatieren Sie den Text am oberen Rand des Bildes mit einem Tag "Div" scrollen und vergrößern Sie mit einem "H2"-Tag. Ändern Sie den Code in Schritt 2 wie folgt, dann speichern Sie und zeigen Sie an, wie verwiesen. < Br / >< Br / >< html >< Br / >< Kopf >< Br / >< / Kopf >< Br / >< Körper >< Br / >< Div >< Br / >< Festzelt Richtung = \ "Right\" Scrolldelay = \ "200\" < Br / > Verhalten = \ "Scroll\" Scrollamount = \ "20\" Breite = \ "700\" Höhe = \ "50\" Schleife = \ "True\" >< Br / >< h2 >. Dieser Text wird über das Banner... Scrollen zu halten < / h2 >< Br / >< / Laufschrift >< Br / >< Img Src = \ "[den Dateinamen und den Speicherort des Bildes einfügen] \" Breite = \ "1000\" Höhe = \ "175\" / >< Br / >< / Div >< Br / >< / body >< Br / >< / html >

4 Legen Sie den Banner-Code in Ihre eigene Webseite, wenn Sie zufrieden sind, und laden Sie sie auf Ihren Web-Host.

Tipps & Warnungen

• Die erste Version dieses Scroll-Codes verwendet ActiveX-Steuerelemente. Je nach Sicherheitseinstellungen Ihres Web-Browsers erhalten Sie eine Eingabeaufforderung, sagen Sie, dass Windows die Ausführung des Steuerelements blockiert hat und bat um Erlaubnis, um fortzufahren. In diesem Fall ist es sicher zu gehen, da die Datei auf Ihrem eigenen PC. < Br / >< Br / > sofern durchlaufende Banner häufig geändert werden, z. B. mit Nachrichtenreporten, sie können langweilig für häufige Besucher.
• Sie müssen diese Textdateien als HTML-Dateien speichern oder der Lauftext Banner-Prozess wird nicht Arbeit. < Br / >< Br / > nicht alle Webbrowser unterstützen das Marquee-Element. Hinzufügen von lesbaren Text als auch überlegen.