fereastră Modal ca VKontakte

Cum de a face site-ul ca o fereastra VKontakte modal.

Despre jQuery în sine nu va fi distribuit, cu excepția să spun că cea mai recentă versiune a acestui cadru poate fi descărcată de pe site-ul: jquery.com

Pentru a începe cu, modul în care ferestrele modal se comporte VKontakte și ce oportunități le-au, pe acest încerca să facă ceva similar.

• Caracteristica cea mai importantă și interesantă de ferestre modale Vkontakte este faptul că, atunci când deschideți browser-ul de defilare modificările bar și în acest caz se poate derula numai prin conținutul unei ferestre modale, iar când acesta este închis, ne întoarcem la partea principală a paginii în care sa oprit.
• Vkontakte modale ferestrele sunt închise, fie făcând clic pe „aproape“, sau făcând clic pe cruce, sau făcând clic pe fundal gri.
• În partea de jos a unei ferestre modale este un buton există o ordonată, care vă permite să schimbați fundalul, care se suprapun partea principală a paginii pentru o fereastră modal.
• De asemenea, aceste ferestre modale sunt capabile de a se întinde atunci când mărimea browser-ul, cu toate acestea, această parte în acest exemplu, nu va fi realizat.

Sarcinile vor fi reduse la punerea în aplicare a primelor 3 puncte, dar locația elementului, fundalul se schimbă, vom schimba și puneți-l în partea din stânga sus.

Așa arată. ceea ce vom ajunge în cele din urmă.

Pentru a începe cu, că definim structura documentului și indică un recipient cu conținut.

În continuare, definim proprietatile noastre CSS de elemente, toate CSS nu va fi dat aici, puteți vedea în versiunea demo, aduce doar ceea ce ar trebui să acorde o atenție.

Următoarea va funcționa JQuery care va fi responsabil pentru interacțiunea elementelor de pe pagină.

O fereastră modal este gata, nimic complicat, după cum se poate vedea, nr. Toate revoltător simplu și ușor, și cel mai important convenabil de a utiliza astfel de ferestre de pe site-urile și proiectele lor.