Web-Entwickler suchen, um eine einzigartige Note zu der Benutzeroberfläche ihrer Website hinzufügen können eine Javascript-basierte Programmiersprache wie jQuery bekannt zu beschäftigen. Modal -Fenster kann ein guter Weg, um kleine Stücke von Informationen für die Nutzer die Interaktion mit Ihrer Website oder Web-Anwendung angezeigt werden . Sie können auch modale Fenster , um Fehler anzuzeigen und den Benutzer auffordern, zusätzliche Informationen eingeben . Anreise das modale Fenster angezeigt werden ist eine Frage der Verwendung des richtigen Codes und Konfiguration richtig mit dem Rest Ihrer Website zu arbeiten. Anleitung
1

Öffnen Sie die HTML-Code Ihrer Webseite mit einer Webseite Codierung Anwendung oder ein Klartext -Editing-Anwendung wie Microsoft Notepad oder Mac OS X TextEdit .
2

Fügen Sie die modale Fenster, um Ihre Website, indem Sie den folgenden Code:

Modal Fenster

First modalen Fenster .

Konfigurieren Sie die HTML-Tags in dem obigen Beispiel auf Ihre Bedürfnisse durch Einstellen der Platzierung und div ids passen.
< br > Seite 3

Öffnen Sie die CSS-Datei , die den Stil Ihrer Web-Seite schreibt in der gleichen Anwendung , so dass Sie die modalen Fenster CSS-Stile , die essenziell für die es sind, können hinzufügen solid gray ; background: # 246493 ; color: black; }
4

Fügen Sie den Code jQuery show_modal , die letztlich verantwortlich für den Aufruf des Fensters und ermöglicht es , Ihre Website- HTML-Dokument angezeigt wird :

Funktion show_modal ( modal_id ) { $ ('# Maske ') css ( { 'display' : 'block' , Deckkraft : 0 }); . $ ('# Maske ') fadeTo ( 500,0.8 ); $ . ('# ' + modal_id ) fadeIn (500); . }
5

Speichern Sie die geänderte HTML -und CSS- Dateien für Ihre Website und dann laden Sie sie auf Ihre Produktion Webserver-Umgebung , um die Änderungen zu speichern und starten Anzeige des modalen Fenster .