Pop-up ablak jquery
Hello mindenkinek! Gyakran előfordul, hogy egyes oldalak kell mutatni, amikor először keresi fel a látogató adatok egy pop-up ablak (a részvények, értesítést, gratulálok). Ez akkor is szükség lehet, például helyei néhány téma, hogy megtudja, a kora a látogató. Egy másik lehetőség, hogy ezt a funkciót - röviden beszélj a célja a honlap. Ahhoz, hogy hozzon létre egy pop-up ablak a JQuery csak az első látogatása zayuzat jQuery és néhány dugó.
Hogy megjelenjen a felugró ablak fogja használni a bővítmény arcticModal. Ez a plug-in, ellentétben sok más, így nagyon könnyű megváltoztatni a megjelenését modális ablakok, gyakran nehéz feladat, különösen, ha a legtöbb kód által generált könyvtár.
Az ablak megjelenítéséhez csak egyszer kerül a sütiben tárolt információ, amely a látogató érkezik a webhelyére. Munka a cookie-kat, akkor is a standard cookie-plugin.
include fájlok
CDN használjuk Yandex csatlakozzunk, ha JQuery nem használják. Írja be ezt a kódot a címke
:Plugin letöltése arcticModal c hivatalos honlapja, és csatlakozni:
A regisztrációhoz ablak csatlakoztassa az egyik szabványos témák arcticModal. Így fog kinézni az ablakon, akkor nézd meg a bővítmény honlapján.
Ha nem illik ez a design, könnyen korrigálható, amelynek még egy kis CSS tudás.
Csatlakoztassa a plug-in süti:
Minden, ami szükséges volt, csatlakozik most írni kódot pop-up ablakot, amely információkat a felhasználó számára:
A kód használ class arcticmodal-szoros. Ha rákattint az elemre az ablak osztály zárva lesz.
closeOnOverlayClick - paraméter határozza meg, hogy zárja be az ablakot, ha rákattint a területen az ablakon;
closeOnEsc - a paraméter határozza meg, hogy a zárt dobozt, amikor a zhatii az Esc gombot;