Viele moderne Websites verfügen über Originalsteuerelemente. Eines dieser Elemente sind Popup-Fenster, in denen Sie verschiedene nützliche Informationen, Werbung, Steuerelemente, Umfragen und mehr platzieren können. Es ist ganz einfach, ein solches Popup zu erstellen - verwenden Sie die jQuery-Bibliothek.
Anleitung
Schritt 1
Fügen Sie Tags in Ihren Seitencode ein, die die jQuery-Bibliothek hinzufügen. Diese Tags sehen ganz normal aus:
script src = "jQuery.js" / script
script src = "interface.js" / script
Schritt 2
Fügen Sie dem Stylesheet den CSS-Code hinzu, um das Popup zu gestalten. Geben Sie Parameter wie Position, Höhe, Überlauf, Hintergrundbild, Hintergrundposition, Hintergrundwiederholung, Überlauf, Cursor und andere an, die Sie für das Styling benötigen. Diese Parameter können auch im Head-Tag gesetzt werden, wenn Sie in Ihrem Standardwerk nicht das Prinzip haben, eine spezielle Datei für Stile zuzuweisen. Sie können Code auch auf andere Weise schreiben, indem Sie verschiedene Tags verwenden. Normalerweise gibt es viele Möglichkeiten, schwebende Fenster zu schreiben.
Schritt 3
Fügen Sie den Code für den Link zum Popup in den Hauptteil der Seite ein und beschreiben Sie das Skript selbst zum Öffnen des Popups. Beschreiben Sie eine Funktion zum Aufrufen eines Fensters mit den Standardbefehlen show(), TransferTo(), bind() und anderen. Versuchen Sie, neben jeder Funktion eine kleine Beschreibung für sich selbst zu schreiben, um im Code nicht durcheinander zu geraten, da Sie den Betrieb des gesamten Systems komplett stören können.
Schritt 4
Überprüfen Sie den Code auf Fehler und öffnen Sie die Seite in einem Browser, um das Ergebnis Ihrer Arbeit anzuzeigen. Damit ein Popup-Fenster erscheint, müssen Sie auf den erstellten Link klicken. Zukünftig können Sie für das automatische Erscheinen eines Popup-Fensters sorgen. Das Popup sollte auch verschiedene Eigenschaften haben, wie die Möglichkeit zum Ziehen und Ablegen, zum Minimieren, Dehnen und natürlich zum Schließen. Alle diese Eigenschaften müssen im Popup-Skript beschrieben werden. Das Erstellen von schwebenden Fenstern ist nicht schwierig, die Hauptsache ist, die Grundlagen der Programmierung zu kennen, da Sie spezielle Kenntnisse benötigen, um den Code richtig zu schreiben.
