Fereastra pop-up jQuery, informații generale despre crearea

Ferestrele pop-up sunt o modalitate de a atrage utilizatorii pe site. Desigur, acest lucru nu oferă o garanție de 100% pentru creșterea prezenței, dar totuși ei atrag atenția asupra informațiilor pentru o perioadă de timp.

crea fereastra pop-up jquery nu este o sarcină ușoară, dar poate fi făcută dacă se dorește. Și totuși, înainte de a începe să creați o astfel de lucrare, trebuie să vizualizați ce este și cum arată.

Pagina site-ului este creată folosind limba HTML. Pe aceasta, în ordinea în care proprietarul resursei îi place, sunt plasate butoanele. Ele pot fi mai multe bucăți (de la unul la ...), la discreția creatorului. Făcând clic pe un astfel de buton, vizitatorul va vedea fereastra pop-up jQuery. Conținutul acestora poate fi complet diferit, de exemplu, o imagine atractivă sau o nouă formă de înregistrare, publicitate, comunicare, orice. Fantezia în această chestiune nu se limitează la limite. Ferestrele pop-up se suprapun adesea pe pagina site-ului cu un fundal transparent întunecat, iar pe fiecare dintre ele există o pictogramă, de obicei înțeleasă de utilizatori la nivelul intuiției. Posibilitățile acestei funcții sunt nesfârșite.

La prima vedere, este dificil să creați un astfel de lucru, dar aceasta este o impresie eronată. Dacă există o dorință și este nevoie, de ce să nu intri în mai multe detalii? Chiar dacă multe nu sunt clare, există întotdeauna o oportunitate de a studia procesul contactând profesioniștii. Să creați și să publicați, de exemplu, butoane care vor apela ferestrele de înregistrare, fotografiile sau fotografiile și filele. Folosind o fereastră pop-up jаvascript, sau mai degrabă un buton, faceți o legătură și stabiliți o clasă comună pentru toate acestea. Link-urile sunt plasate în eticheta div.

Atributul rel adăugat la fiecare corespunde exact cu numele clasei ferestrei și face posibilă deschiderea celei dorite, făcând clic pe link. Toate ferestrele pop-up create de jQuery. Acum rămâne să-l facem mai curat și atractiv. Acest lucru necesită utilizarea stilurilor.

Lucrul în stiluri de complexitate nu provoacă: totul este simplu și ușor de înțeles. Trebuie doar să cunoașteți puțin limbajul HTML. Dar chiar dacă utilizatorul nu o înțelege, informațiile necesare sunt ușor de găsit pe Internet. Pentru butoane jQuery, ferestre pop-up uitat la toate cunoscute de browsere sunt actualizate la fel de frumos și ordonat, trebuie: a) să se alinieze blocurile ssylok- b) runda ugly- c) se va conecta la IE PIE 7-8.

În general, marcajul HTML va fi același pentru toate ferestrele pop-up. Prin urmare, atunci când utilizați etichete, nu vă agățați: dacă nu știți suficient, amintiți-vă câteva dintre cele de bază. Diferența este doar în proiectarea dimensiunilor, adică o fereastră pop-up jquery va arăta diferit în lățime. Același lucru este valabil și pentru conținut.

Pentru a plasa formularul de înregistrare în eticheta de mai sus, trebuie să scrieți următoarele:

închide

Înregistrarea pe site

Introduceți login: Introduceți parola:

În această intrare reg_form coincide cu atributul primului buton relativ, iar clasa dublă a blocului de împachetare este setată la pop-up reg_form (spațiul este necesar). O astfel de inscripție vă permite să creați atât un stil general pentru toate ferestrele pop-up, cât și parametrii specifici pentru fiecare persoană.

Apoi începem să plasăm butonul responsabil pentru imagini. Și aici: este indicată clasa dublă și este indicată calea spre dosarul în care sunt localizate aceste imagini. Mai departe, în același spirit.

După crearea vor fi necesare doar corectarea aspectului general al paginii site-ului, prescrierea regulilor pentru ferestre. Adică, toate vor fi decorate identic, editate orizontal și fiecare va avea un buton responsabil pentru închiderea ferestrei și a titlului. În plus, atunci când descărcați pagina de resurse, toate acestea vor fi ascunse.

Dacă nu există dorința de a face acest lucru singur, există întotdeauna posibilitatea de a descărca un script care vă permite să creați automat o fereastră pop-up, ajustând doar ușor acțiunile programului.