Fereastra pop-up jQuery, o prezentare generală a unității

O modalitate de a atrage utilizatorii la site-ul sunt pop-up-uri. Desigur, acest lucru nu oferă o garanție absolută de creștere a participării, dar încă de ceva timp, ei atrag atenția asupra informațiilor.

Creați un pop - up jQuery - nu este o sarcină ușoară, dar dacă doriți să - l greu de realizat. Și totuși, înainte de a începe să creați un astfel de produs, este necesar să se reprezinte vizual ceea ce este și cum arată.

Paginile site-ului sunt create folosind HTML. Pe ea, în ordinea, care ca proprietarul resursei, sunt plasate butoane. Pot exista cateva piese (una la ...), libertatea de a crea. Făcând clic pe acest buton, vizitatorul va vedea un jquery pop-up. Conținutul acestor sau pot fi complet diferite, cum ar fi o imagine sau o formă atractivă nouă de înregistrare, publicitate, mesaj, da nimic. Fantasy în această chestiune nu este limitată de orice limite. ferestre pop-up acoperi de multe ori pagina a site-ului fondul întunecat clar și pe fiecare dintre ele există o pictogramă, utilizatorii de obicei înțeles intuitiv. Posibilitățile sunt nelimitate această funcție.

La prima vedere, pentru a crea un astfel de lucru este dificil, dar aceasta este o impresie greșită. Dacă există o dorință și există o nevoie, de ce acest lucru nu este de a intelege mai mult? Chiar dacă mulți nu înțeleg, există întotdeauna posibilitatea de a studia procesul de transformare a profesioniștilor. Să luăm, de exemplu, creați și plasați un buton care va declanșa înregistrare ferestre, imagini sau fotografii și file. Folosind javascript fereastra pop-up, sau mai degrabă butonul, pregătim o referință și să ceară pentru toate acestea o clasă comună. Link-uri plasate în interiorul div tag-a.

Atributul rel, adăugat la fiecare exact corespunde cu numele clasei a ferestrei și vă permite să descoperiți dreapta, abia făcând clic pe link-ul de mai sus. Toate, jQuery pop-up care le-am creat. Rămâne acum să facă curat și atractiv. Acest lucru va necesita utilizarea de stiluri.

stiluri de lucru nu provoacă dificultăți: totul este simplu și clar. Avem nevoie doar de un pic de cunoaștere a limbajului HTML. Dar, chiar dacă utilizatorul nu înțelege, informațiile necesare sunt ușor de găsit pe Internet. Pentru butoane jQuery, ferestre pop-up se uita la toate cunoscute de browsere sunt actualizate la fel de frumos și ordonat, este necesar: a) pana in centru unități de linkuri; b) rotunji colțuri; c) se va conecta la IE PIE 7-8.

În general, markup HTML va fi aceeași pentru toate ferestrele pop-up. Prin urmare, utilizarea de tag-uri nu ar trebui să te crampona dacă nu dețineți suficient să ne amintim câteva de bază. Diferența este doar în proiectarea de dimensiunea, adică, o fereastră pop-up jquery latime va arata diferit. Același lucru se aplică conținutului.

Pentru a găzdui formularul de înregistrare la tag-ul de mai sus ar trebui să fie scris după cum urmează:

închide

Înregistrare online

Introduceți numele de utilizator: Introduceți parola:

În această intrare coincide cu atributul rel reg_form primul buton, iar unitatea de clasă dublu înveliș este definit pop-up reg_form (spațiu necesar). Această etichetă vă permite să creați ca un stil comun pentru toate ferestrele de tip pop-up, și setați parametrii specifici pentru fiecare separat.

Apoi, începe să plaseze butoane pentru imagini. Aici este aceeași: clasa dublă indicată și a marcat calea către directorul unde se află imaginile. Ei bine, mai târziu, în același spirit.

După ce creați va ajusta numai aspectul general al paginilor de pe site-ul dvs., înregistrați reguli pentru ferestre. Adică, ele sunt proiectate toate la fel, editat pe orizontală, și toată lumea va avea un buton care este responsabil pentru închiderea ferestrei și titlul acestuia. În plus, acestea vor fi ascunse atunci când încarcă pagina de resurse.

Dacă nu există nici o dorință de a face singur, există întotdeauna opțiunea de a descărca un script care vă permite să creați o fereastră pop-up automat, doar ușor corectarea applet-uri de acțiune.