Bu yerni bosing!

Ikkinchi qadam. HTML kod.
Ochiq
Tegda "div"identifikatorni belgilang " a"bu uslublar bilan o'zaro ta'sir qiladi CSSva kod bilan JavaScript... Keyin yana bitta teg qo'shing " div"va unga identifikator bering" derazalar", bu modal oynaning konteynerida belgilash vazifasini bajaradi.
Ichkarida biz havolani ko'rsatamiz " yaqin"modal, shuningdek uni uslubi" sahifalar"va sukut bo'yicha biz unga uslub beramiz" suzuvchi: o'ng", ya'ni biz yuqori o'ng burchakda modal oynani yopish uchun havolani namoyish etamiz.
Yoping
Biz identifikatorni ro'yxatdan o'tkazamiz " b"bu oynani yashiradi.
To'liq kod.
Ochiq
Yoping
Uchinchi qadam.CSS kodi.
Majburiy uslublar CSS, ularsiz modal oyna to'g'ri ishlamaydi, aksincha, umuman to'g'ri ishlamaydi va ma'lumotlarni aks ettiradi.
Va shuning uchun ushbu misolda pozitsiyaga tegishli birinchi majburiy uslub sobit... Bu plomba chegarasi bilan cheklangan holda modalni ko'rsatishga imkon beradi. Yordamida z-indeks havolani bosgandan so'ng modal qancha aniqlanganligini ko'rsatamiz " ochiq", shuningdek " yaqin". Shuningdek displey: yo'qbu sizga havolani bosguncha modalni yashirishga imkon beradi.
#b (pozitsiya: sobit; yuqori: 0; chapda: 0; o'ngda: 0; pastki: 0; displey: yo'q; fon: kulrang; z-indeks: 1;) #a (chegara: 1px qattiq qora; holat: sobit ; fon: # eff7ff; z-indeks: 3; displey: yo'q;) #windows (to'ldirish: 5px; kenglik: 500px; balandlik: 300px; chegara: 2px qattiq ko'k;) a.pages (fon: # 97cdff; rang: oq; to'ldirish: 4px; matnni bezatish: yo'q;) a: hover.pages (fon: qizil; rang: oq; to'ldirish: 4px; matnni bezatish: yo'q;)
E'tiboringiz uchun barchangizga tashakkur!

3. Malumot asosida chaqirilgan jQuery modal oynasining misoli (Demo bilan)
Ehtimol, siz Internetda pop-up modal oynasini bir necha bor ko'rgansiz - ro'yxatdan o'tishni tasdiqlash, ogohlantirish, yordam ma'lumotlari, fayllarni yuklab olish va boshqa ko'p narsalar. Ushbu qo'llanmada men eng oddiy modal oynalarni qanday yaratishga oid ba'zi bir misollarni keltiraman.
Oddiy popup modalini qanday yaratish kerak
Darhol paydo bo'ladigan eng oddiy modal oynaning kodini o'rganishni boshlaymiz