Bu yerni bosing!
Download 273.83 Kb.
|
Fotosurat uchun Javascript modal oynasi
- Bu sahifa navigatsiya:
- Uchinchi qadam.
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 Download 273.83 Kb. Do'stlaringiz bilan baham: |
Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling
ma'muriyatiga murojaat qiling