Turli xil maqsadlar uchun ochiladigan oynalar veb-qurilishda juda ko'p foydalanishga ega. Ularning yordamida har xil menyularni yaratish, reklama matnlari va grafikalarini joylashtirish, murakkab shakllarni to'ldirishda ko'rsatmalar, shuningdek shakllarning o'zlarini sahifada joy egallamaydigan oynalarga joylashtirish qulay. Bizning maqolamizda siz bunday oynani qanday qilishingiz mumkinligini tavsifini topasiz.
Bu zarur
HTML haqida asosiy bilimlar
Ko'rsatmalar
1-qadam
popup, HTML, yashirin qatlam
2-qadam
Internetdagi ko'plab sahifalarda turli xil JavaScript ramkalari (jQuery, MooTools, Prototype va boshqalar) ning kutubxonalari sahifalarda ochiladigan oynalarni yaratish uchun ishlatilishini ko'rishingiz mumkin. Ammo, aslida, ushbu aniq muammoni hal qilishda ular kerak emas. Gipermatnlarni belgilash tili (HTML) va kaskadli uslublar jadvallari (CSS) da mavjud bo'lgan vositalar pop-uplarni yaratish uchun etarli. Shu tarzda yaratilgan derazalar tashrif buyuruvchilar brauzerida JavaScript-ni yoqish yoki yoqmasligidan qat'i nazar ishlaydi.
Qalqib chiquvchi oynani yaratadigan barcha kodlarni ikkita qatorga joylashtirish mumkin. Birinchi satrda ochilgan oynani ko'rsatish uchun bosish kerak bo'lgan havola hosil bo'ladi:
Bu yerni bosing!
Bu erda havola tegining onmouseover atributi havolalar uchun sichqoncha kursorining standart turini o'rnatadi. Onclick atributi havola bosilganda, yashirin PopUp bloki ko'rinadigan bo'lishi kerakligini bildiradi.
Ikkinchi satr, aslida, ochiladigan oyna. PopUp identifikatori va oynaning kattaligi, uslubning atributida ko'rsatilgan matnning rangi va hajmi, fon va hoshiya bilan qatlam:
Bu ochilgan oynadagi matn
U sukut bo'yicha ko'rinmaydi - bu displey selektori tomonidan qatlam uslubi tavsifida yo'q qiymatiga ega.
Aslida, bu sizga ochiladigan oyna yaratish uchun kerak bo'lgan narsa - bu ikkita satrni teglar va sahifangiz o'rtasida joylashtiring va u tayyor.
3-qadam
Yorliq oldida ochiladigan oynani yopish uchun sizga qarama-qarshi harakatlarni bajaradigan havolani qo'shishingiz kerak - ko'rinadigan qatlamni PopUp identifikatori bilan yashirish:
yaqin
4-qadam
Va agar siz oynani bosish bilan emas, balki sichqoncha kursorini bosib ochilishini xohlasangiz, havolali birinchi satr shu tarzda o'zgartirilishi kerak:
sichqonchani bu erga ko'chiring!
5-qadam
Siz hozirda ochilgan oyna kodining printsipi va tuzilishi bilan tanishasiz va uning tashqi ko'rinishi va tarkibining dizayni sizning maqsadlaringiz va tasavvurlaringizga to'liq bog'liqdir.
