Wie Sie einen Banner JS drehen

Ein Banner-Rotator ist ein kleines Stück Software, die zufällig die Werbung gedreht, die Benutzer auf einer Webseite zu sehen. Banner-Rotation ist für Werbetreibende, vorteilhaft, da es in der Regel weniger kostet um eine partielle Anzeige im Gegensatz zu einer vollständigen Anzeige auf einer Webseite zu spenden. Rotierende Banner profitieren Eigentümer der Web-Seite, da sie mehrere Werbemöglichkeiten nutzen können. Banner werden in der Regel beim Benutzer die Seite aktualisiert und die anzeigen angezeigt werden können, basierend auf der Anzahl der voreingestellten Parameter wie Zeit, Tag, Woche oder Ansicht Prozentsätze gedreht.

Anweisungen

1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Textdatei mit dem Namen "random_banner.html". Um eine neue Datei in einem Texteditor zu erstellen, wählen Sie "Neu" aus dem Menü "Datei".

2 Fügen Sie einige grundlegende HTML-Tags in die Datei. Umfassen die folgenden Tags: < html >, < Head >, < / Head >, < Körper >, < / body > und < / html >.

< html >< Leiter >< / Kopf >< Körper >< / body >< / html >

3 Random_banner.html bearbeiten und hinzufügen ein < Script >-Tags zwischen den < Head > und < / Head > Markierungen. Weisen Sie die < Script >-Tag ein Type-Attribut "Text/JavaScript" und fügen eine < / script > Tag um das Skript Ende anzuzeigen. Beliebiger Text platziert zwischen das < Script > und < / script > Markierungen als JavaScript-Code interpretiert werden.

< Skript-Typ = "Text/Javascript" >< / script >

4 Fügen Sie eine JavaScript-Funktion namens bannerRotate() zwischen den < Skript-Typ = "Text/Javascript" > und < / script > Markierungen. Folgen Sie den Funktionsnamen mit einem Satz von geschweiften Klammern ("{}") um den Funktionscode Speicherort anzugeben.

Funktion bannerRotate(){}

5 Deklarieren Sie eine Variable mit dem Namen BannerTime zwischen geschweiften Klammern die BannerRotate-Funktion. Setzen Sie die BannerTime-Variable auf den Rückgabewert einer JavaScript-Funktion math.random. Die math.random-Funktion gibt eine Zufallszahl zwischen 0 und 1.

bannerTime=Math.random();

6 Verwenden Sie drei document.write Methoden und drei Bedingungsanweisungen, einer der drei Banner auf die Seite drehen. Das erste Banner sollte angezeigten 25 Prozent der Zeit (Banner 1), sollte das zweite Banner werden 50 Prozent der Zeit (Banner 2) angezeigt und das dritte Banner sollte 25 Prozent der Zeit (Banner 3) angezeigt. Platzieren Sie den bedingten Code direkt nach der Variablendeklaration BannerTime zwischen geschweiften Klammern die bannerRotate()-Funktion.

Wenn (BannerTime < 0,25) {document.write ("Banner 1");}Wenn (BannerTime > = 0,25 & & BannerTime < 0,75) {document.write ("Banner 2");}Wenn (BannerTime > = 0,75) {document.write ("Banner 3");}

7 Hinzufügen ein zweites < Script >-Tags zwischen Random_banner.html < Körper > und < / body > Markierungen. Nach wie vor weisen die < Script >-Tag ein Type-Attribut von Text/Javascript und schließen die < / script > Tag.

< Skript-Typ = "Text/Javascript" >< / script >

8 Rufen Sie die bannerRotate()-Funktion, indem man den Namen der Funktion zwischen dem zweiten < Skript-Typ = "Text/Javascript" > und < / script > Markierungen. Nach Abschluss von Schritt 8, sollte random_banner.html angezeigt werden, wie unten dargestellt. Speichern und Schließen von random_banner.html.

< html >< Head >< Skript-Typ = "Text/Javascript" >Funktion bannerRotate(){bannerTime=Math.random();Wenn (BannerTime < 0,25) {document.write ("Banner 1");}Wenn (BannerTime > = 0,25 & & BannerTime < 0,75) {document.write ("Banner 2");}Wenn (BannerTime > = 0,75) {document.write ("Banner 3");}}< / script >< / head >< Körper >< Skript-Typ = "Text/Javascript" >bannerRotate();< / script >< / body >< / html >

9 Öffnen Sie banner_rotate.html in einem Webbrowser. Treffer die Browser-Refresh button ein paar Mal zu überprüfen, ob das Banner geändert wird, wie in der bedingte Code angegeben (Banner-01:25 Prozent, Banner-02:50 Prozent, Banner 03:25 Prozent).

Tipps & Warnungen

• Banner können auf Web-Seiten, die auf der Grundlage eines Zeitplans, einschließlich den Tag der Woche, die Zeit der Tag oder Sicht Frequenz gedreht werden.
• Viele kommerzielle Banner Rotatoren sind verfügbar, die bieten eine Vielzahl von zusätzlichen Banner Design-Merkmale, z. B. Banner, Bildbearbeitung und Ausrichtung.
• Rotierende Banner kann Bilder sein, die enthalten Hyperlinks und kann viele HTML-Features und Funktionen enthalten.
• Wenn Sie mehrere bedingte Anweisungen verwenden, verwenden Sie sonst wenn Aussagen anstatt zu wiederholen, wenn Aussagen.
• Verwenden Sie gute Seite-Programmierverfahren immer wenn rotierende Banner um zu vermeiden, Überlastung des Benutzers und von der Webseite Hauptbotschaft schränkt.