Hozzon létre egy felugró ablak modális jquery

Esélye van már látott az interneten felbukkanó modális ablak - regisztrációt visszaigazoló, figyelmeztetés, információ, fájl letöltések és így tovább. Ebben a tutorial, fogom ajánlani néhány példát létrehozásának legegyszerűbb modális ablakok.

Hozzon létre egy egyszerű pop-up ablak modális


Mi jár, hogy fontolja meg a kódot egyszerű modális ablakban jelenik meg azonnal

Figyelem! Emlékeztetem Önöket, hogy annak érdekében, hogy működjön együtt a jQuery könyvtár is, akkor csatlakoznia kell az oldalt, vagy oldalra. Ellenkező esetben semmi sem fog működni.


Azt írja be a kódot bármely helyen a szervezetben az oldal. Közvetlenül azután, hogy az oldal betöltődik, utasítása nélkül, akkor megjelenik egy ablak hasonló a következő:

Hozzon létre egy felugró ablak modális jquery

De a következő kódokat hajtja végre betöltése után az egész oldalt a böngészőben. Példánkban az oldal betöltését követően képekkel felbukkan egy egyszerű pop-up ablak:

Hívjon jQuery modális ablak CSS linket


A következő lépés, hogy hozzon létre a linkre kattintva a modális ablakot. A háttér ebben az esetben sötétebbé lassan.

Hozzon létre egy felugró ablak modális jquery

Azt is gyakran látni a nevezési lap és a regisztrációs találhatók ilyen ablakok. Szállj le, hogy az üzleti

A kezdéshez levelet html-rész. Ez a kód helye testület a dokumentumot.

CSS kódot. Vagy egy külön css-fájl, vagy