Bu yerni bosing!
Download 273.83 Kb.
|
Fotosurat uchun Javascript modal oynasi
- Bu sahifa navigatsiya:
- IE 9+, Firefox, Safari, Opera, Chrome
- Qadam 1. HTML
Yangilangan: 27.10.2017
Dastlab ushbu mavzuga qiziquvchilar modal oynalarning turli xil versiyalarda ishlashiga misolni ko'rib chiqishi va manbalarini yuklab olishi mumkin: Siz ushbu darsni harakatga ko'rsatma sifatida qabul qilmasligingiz kerak, chunki ushbu bosqichda faqat zamonaviy brauzerlarda ishonchli qo'llab-quvvatlashga erishish mumkin edi ( IE 9+, Firefox, Safari, Opera, Chrome). IE brauzerining qadimgi versiyalari hali ham foydalanuvchilar orasida juda mashhurligini ko'rib, ushbu maqolani CSS3 imkoniyatlarini namoyish etishning o'ziga xos tajribasi sifatida ko'rib chiqishni tavsiya etaman. OK, endi to'g'ridan-to'g'ri HTML kodining joylashishiga va CSS3 yordamida modal oynamizning uslubiga o'tamiz))) Qadam 1. HTML Birinchidan, ba'zi bir asosiy HTML belgilarini yarataylik. Ko'rib turganingizdek, modallar va tugmachalarni (havolalarni) faollashtirish uchun HTML-formatlashni ko'rib chiqsak, asosiy qurilish juda oddiy. Har bir modal oyna standart konteynerdan boshqa narsa emas , ichida ma'lum bir tarkib va \u200b\u200b"Yopish" tugmachasi bilan, faqat CSS yordamida yaratilgan.
Oynani ochish 1 Oynani ochish 2 Oynadagi video 3-oynada Surat 4-oynada Bu erda siz har qanday tarkibni, rasmlar yoki videolar bilan matnni joylashtirishingiz mumkin! Sarlavha Bu erda siz o'zingizning videongizni yoki boshqa biron bir manbadan, YouTube, Vimeo va boshqalardan qo'shasiz (iframe, embed) ... Yuqoridagi kod misolida, aniqlik uchun men modal oynalar idishlariga qisqacha tushuntirishlar yozdim. Taqqoslash bo'yicha siz qolasiz div konteyner pop-up oyna, istalgan uchinchi tomon manbalaridan, YouTube, Vimeo va boshqalardan oddiy matn, rasm yoki video bo'lsin, xohlagan tarkibingizni joylashtiring. Modal oynalarning chaqiruviga havolalar matnli bo'lishi mumkin yoki ularni misoldagi kabi formatlash mumkin. 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