Tesszük vsplvayuschee ablakban

Ó, azok az ablakok ...

Bizonyára közületek mindenki legalább egyszer, az interneten találkoztam pop-up. Nem, nem az is, hogy nyit egy új ablakot vagy lapot a böngésző, és azok, amelyek megjelennek az aktuális oldalon.

Térj a lényegre ...

Ebben a cikkben fogjuk gondolni, hogyan lehet végrehajtani a mechanizmus a pop-up ablakokat, és használja a projekt.

cselekvési terv

Hozzon létre egy html szerkezet a mi ablakok
Styling CSS3
Adjunk a mozgás, a jQuery

búcsúzó szavak

Létrehozunk egy doboz szerkezet (html), elrejteni a felhasználó (a css) és bizonyos körülmények között (események) jelenik meg az oldalon (jquery).

Tervezzen előre pontokon

Mielőtt elkezdené létre html szerkezet a mi ablakok, el kell dönteni, hogy mit akarunk ebben az ablakban a közölt a felhasználók számára.
Saját esett a választás a formában előfizetési felhasználók.

1. lépés: Hozzon létre egy html szerkezet a mi ablakok

A felugró ablakban három fő részből áll: pp-header - a fejléc terület, pp-tartalom - a fő része, pp-footer - Az alsó részt az ablak formájában előfizetést.

Töltsük felugró tartalom box:

Ügyeljen arra, hogy

Ez az egység teszi a böngésző ablakot, töltse áttetsző szürke háttér.

2. lépés listát a stílusok a pop-up ablakban

Középre a ablakunk képest a böngésző ablakot, és elrejti a széle a felső korlát. Mi határozza meg az alapvető elemeit és méretek Styling FontAwesome ikonok

Adjunk a mozgás, a jQuery

Itt Titkolod ablak helyzet-ig a magasság a blokk és animálni sima megjelenése, amikor az oldal betöltődik
Itt egy ilyen egyszerű példa kiderült.

Ha ez a példa van kötve a visszavonása esetén a kurzort az oldalra ablakot, és ez általában történik, amikor megpróbálja bezárni a helyén, akkor arra a következtetésre juthatunk, mint egy ablak a fellebbezést a látogató, hogy maradjon az oldalon, amely cserébe ajánlat (információ).
Azt is kötődnek a cookie-kat, és értesítést az intézkedés az első felhasználó felkeresi a helyén.
Röviden lehetőségeket alkalmazni tömeg!