Creați o fereastră pop-up modal jquery

Sansele sunt ați văzut deja pe fereastra pop-up modal Internet - confirmarea înregistrării, avertizare, informații, descărcări de fișiere și multe altele. In acest tutorial, voi oferi câteva exemple de crearea ferestrelor modale cele mai simple.

Creați o fereastră modal simplu de tip pop-up


Vom continua să ia în considerare simplu cod modal fereastra care va apărea imediat

Atenție! Vă reamintesc că, în scopul de a lucra cu biblioteca jQuery în sine, trebuie să vă conectați la pagina sau site-ul. În caz contrar, nimic nu va funcționa.


Introduceți codul în orice loc în corpul paginii. Imediat după încărcarea paginii, fără comenzi, veți vedea o fereastră similară cu următoarea:

Creați o fereastră pop-up modal jquery

Dar următorul cod va fi executat după încărcarea întreaga pagină în browser. În exemplul nostru, după încărcarea paginii cu imagini va apărea o fereastră pop-up simplu:

Call jQuery Modal Fereastra cu link-ul CSS


Următorul pas este de a crea, făcând clic pe link-ul unei ferestre modale. Fundalul, în acest caz se va întuneca încet.

Creați o fereastră pop-up modal jquery

Puteti vedea de multe ori formularul de înscriere și de înregistrare se găsesc în aceste ferestre. Treceți la treabă

Pentru a începe, scrie html-o parte. Acest cod este locul în corpul documentului.

cod CSS. Sau într-un css-fișier separat, sau în