Bu yerni bosing!

jQuery kodi

Kodni istalgan joyga joylashtiring tanasi Sizning sahifangiz. Sahifani yuklaganingizdan so'ng darhol hech qanday buyruqlarsiz quyidagi oynani ko'rasiz:

Ammo butun kod brauzerga yuklangandan so'ng quyidagi kod bajariladi. Bizning misolimizda, sahifani rasmlar bilan yuklaganingizdan so'ng, oddiy ochiladigan oyna ochiladi:
CSS bilan jQuery modaliga murojaat qilish
Keyingi qadam yaratishdir modali oyna havolani bosganingizda. Orqa fon asta-sekin qorayadi.

Kirish va ro'yxatdan o'tish shakllari bunday oynalarda joylashganligini tez-tez ko'rishingiz mumkin. Keling, biznesga qaytaylik
Birinchidan, yozaylik hTML qismi... Biz ushbu kodni hujjatning asosiy qismiga joylashtiramiz.
Modali oynaga qo'ng'iroq qilish

Modal matn

Yoping

Modal oynadagi matn.

CSS kodi... Yoki alohida CSS faylida yoki
JQuery kodida biz modal va niqobning holatiga e'tibor qaratamiz, bu holda fonni asta-sekin qoraytiramiz.
Diqqat! Hujjatning boshiga kutubxonani kiritishni unutmang!

Google veb-saytidan kutubxonani ulash. JQuery kodining o'zi.

JQuery kodi
Yana bir bor modal (ochiladigan) oynalarni yaratish mavzusiga murojaat qilaman. So'nggi paytlarda men javascript, jQuery plaginlarini va hokazolarni ishlatmasdan, pop-uplarni bajarish uchun turli xil texnikaga qiziqaman. Yangi uslublarning sof uslublarini va bitmas-tuganmas imkoniyatlarini qo'llash imkoniyati ko'proq qiziqish uyg'otmoqda.
Ba'zi hurmatga sazovor burjua rivojlanishiga asoslanib, ular bu borada aqlli yigitlar va CSS3-dan foydalangan holda modal oynalarni yaratish borasida yaxshi natijalarga erishmoqdalar. Vazifa, avvalambor, yakuniy natijaning ozmi-ko'pmi barqaror o'zaro faoliyat brauzer muvofiqligiga erishish va, albatta, eng kam yo'qotish bilan, uzoq vaqt azob chekayotgan sayt quruvchilar uchun hayotni engillashtirish uchun HTML va CSS-dagi kodlarning umumiy miqdorini kamaytirishdir.
Natijada, men bugun bu borada, biz CSS3-ning "sehridan" foydalanib, pop-up modal oynalarni qanday yaratishni ko'rib chiqamiz va o'rganamiz.