HTML-da ochilgan oynani yaratish jQuery kutubxonasi yordamida amalga oshiriladi, bu sizga voqealarni ko'rib chiquvchini veb-sahifaga qo'shish va shu bilan saytning faol tarkibini namoyish qilish imkonini beradi.
Ko'rsatmalar
1-qadam
Siz xohlagan kodni yozish uchun foydalanadigan matn muharririda HTML-sahifangizni oching. Qalqib chiquvchi oynani kiritish uchun siz standart Windows Notepad yordam dasturidan ham foydalanishingiz mumkin. Buning uchun HTML faylini o'ng tugmasini bosing va "Bilan birga ochish" - "Bloknot" ni tanlang.
2-qadam
Hujjatlar qismida jQuery bilan ishlaydigan qatlam yarating:
3-qadam
Keyin ochilgan oynaning nomini belgilashingiz kerak. Buning uchun siz HTML darajali sarlavhalardan foydalanishingiz mumkin:
Oynaning sarlavhasi
4-qadam
Shundan so'ng, paragraf yaratish uchun skript yordamida oynada ko'rsatiladigan matnni o'rnating:
Matn
5-qadam
Oldingi dastani yopishdan oldin, popupni yopish uchun class_ close_win bilan qatlam yarating:
Derazani yopish
6-qadam
JQuery kutubxonasini hujjat identifikatorlari orasiga kerakli yorliqni qo'shib faylga qo'shing. Misol uchun:
7-qadam
Shundan so'ng, ochilgan oynani ko'rsatish uchun kodni kiriting:
$ (function () {
$ ('# Show'). Yashirish ();
8-qadam
Keyinchalik, foydalanuvchi sichqonchaning tugmachasini bosgan holda, pop-up oynasini chaqirish va oynaning yopilishini boshqarish kerak. Buning uchun quyidagi kodni kiriting:
$ (‘# Click-me’). (Function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). (Function () {$ (‘# show’). FadeOut (300);})
& lt / script>})
Ushbu dastur foydalanuvchini ochilgan oynani chaqirish va uni yopish uchun havolani bosish uchun tugmachalarni bosish bilan ishlaydi.
9-qadam
Qalqib chiquvchi oynani sahifada aks ettirish uchun yuqoridagi kodda ko'rsatilgan click-me sinfining havolasidan foydalanishingiz mumkin. Buning uchun hujjatning asosiy qismiga quyidagi kodni kiriting:
Qalqib chiquvchi oynani ko'rsatish uchun bosing
