Înfrângeți imensitatea webului global, cred că ați întâlnit adesea ferestre pop-up similare. În ciuda faptului că utilizatorii care vin pe site-ul dvs. au dezvoltat deja un instinct de multă vreme: "Văd o fereastră pop-up - închid-o imediat!", Încă mai putem folosi acest script. Și pentru asta, nu vom începe să-l dezvoltăm încet.

Pregătiți fereastra pentru ascensiune.

Fișierul stylestyle windowstyle.css nu va fi examinat în detaliu, deoarece este foarte mare și nu are dreptul să ne pierdem timpul. Doar descărcați-l împreună cu setul necesar de imagini.

Transferați imaginile din conținutul arhivei în folderul cu imagini. și înlocuiți, de asemenea, windowstyle.css și continuați pregătirea. Pentru a finaliza ceremonia de gătit, rămâne să creăm codul HTML pentru fereastra pop-up viitoare.

Acesta ar trebui să arate fișierul window.html

Conținutul paginii

Fereastra pop-up jQuery

Afișați popup

Deci, dragi cititori, vă felicit, partea pregătitoare sa încheiat și putem continua scopul acestui articol, și anume, să scriem un scenariu.

Scriem scriptul "fereastra pop-up jQuery"

În acest stadiu, avem o fereastră care a fost deja creată, care trebuie mai întâi ascunsă, iar mai târziu când se face clic pe showWindow, ar trebui să apară fără probleme.

Următorul fragment de cod, destul de ciudat, face deja partea leului din funcțional: