A modális pop-up segítségével CSS3 nélkül javascript

előző ◈ a következő

A modális pop-up segítségével CSS3 nélkül javascript


A modális pop-up segítségével CSS3 nélkül javascript

Kezdjük azzal, hogy mindazok, akik érdeklődnek a téma, akkor nézd meg a munka példáját modális ablakok különböző változatok, és töltse le a forráskódot:

Ne szedje ezt a leckét, mint egy útmutató a cselekvésre, mivel ebben a szakaszban elért magabiztos támogatást csak a modern böngészők (IE 9, Firefox, Safari, Opera, Chrome). A szem az a tény, hogy az ősi változata IE böngésző még mindig nagyon népszerű a felhasználók körében arra ösztönzik, hogy ezt a cikket, mint egyfajta kísérlet, demonstrációs CSS3 funkciókat.

Nos, most már közvetlenül a nagyon elrendezés html kód és stilisztikai kialakításában modális ablak CSS3)))

1. lépés: HTML

Az alábbi példa egy alapvető html-jelölés pop-up és a linkeket aktiválás:

2. lépés: CSS

Egy alapján anyagot vettünk különböző forrásokból burzhuinskih könyörtelenül perelopacheny, feldolgozott és összegyűjtött egy többé-kevésbé szabályos szerkezetű, minden kézikönyvek a témáról, és nem emlékszem erre.

következtetés:

1. Csak nem lép m.okno tag

. Ha szüksége van egy űrlapot, tegyük m.okno, vagy hogy maga a forma modális: lásd például

2. Átláthatóság, mi? Ha a háttér árnyékolása, az átláthatóság szabályozza a legújabb digitális érték az ingatlan background-color: RGBA (0, 0, 0, 0,65); (Color modell RGBA), ebben a példában 0,65, próbálja meg növelni vagy csökkenteni az értéket, és nézze meg az eredményt. Az azonos szintű átláthatóság tulajdonságai határozzák meg az opacitás

Talán mindegy nekem, te mondd meg a kívánt specifikus modális ablak, úgy gondolja, Doki legalább amit közzé a csodálatos hely. Modális ablak kell dolgozni a PHP formában (regisztráció). Egyszerű és nem töltötték fel felesleges kód lezárható nélkül A Bezárás gomb megnyomásával. Azt sokkal több időt töltenek dugta be minden modalki a gyűjtemény)

Bármilyen m.okno a gyűjteményből, befogadására alkalmas különböző formákban.

Vskidku, hogy hogyan kell végrehajtani a standard visszajelzés formájában egy modális ablak kitöröl a négyzetet: lásd például 2. opció le van zárva, mint rákattint egy gombra, vagy kattintson az ablak előtt.

Amint lehet output egy modális ablak másik töredéke a (* .txt, * .html) zárt címkéket. Nem szeretnék, hogy túlterheli a index.html fájlt, amelyben már csak hivatkozások (sok link), hogy nyissa modális ablak tartalmát a modális ablakot, amelyben sok a szöveg.

előző ◈ a következő