JQuery pop-up oynasi, umumiy ma'lumot yaratish uchun

Pop-up derazalar foydalanuvchilarni saytga jalb qilishning bir usuli hisoblanadi. Albatta, bu borgan sari ko'payib borayotganligi haqida 100% kafolat bermaydi, biroq ular ma'lumotlarga bir muncha e'tibor berishadi.

Jquery -ni ochish oynasini yaratish - vazifa oson emas, lekin agar kerak bo'lsa, to'liq amalga oshirilishi mumkin. Va shunga qaramay, siz bunday ishni boshlashdan oldin, nima ekanligini va qanday ko'rinishini tasavvur qilishingiz kerak.

Sayt sahifa HTML tili yordamida yaratilgan. Unda, resurs egasi sevadigan tartibda tugmalar joylashtiriladi. Yaratuvchining xohishiga ko'ra, ular bir nechta qismlar (birdan ... ga qadar) bo'lishi mumkin. Bunday tugmani bosish orqali mehmon jQuery ochiladi oynasini ko'radi. Ularning mazmuni mutlaqo boshqacha bo'lishi mumkin, masalan, jozibali rasm yoki yangi ro'yxatga olish shakli, reklama, aloqa, har qanday narsa. Bu masalada farasingiz cheklovlar bilan cheklanib qolmaydi. Pop-up derazalar ko'pincha saytingiz sahifasini shaffof qorong'u fon bilan bir-biriga bog'lab turadi va ularning har birida odatda sezgi darajasida foydalanuvchilar tomonidan tushuniladigan belgi mavjud. Ushbu funksiyaning imkoniyatlari cheklanmagan.

Bir qarashda bunday narsalarni yaratish qiyin, biroq bu noto'g'ri taassurot. Agar istak bo'lsa va ehtiyoj bor bo'lsa, nega bu haqda batafsilroq ma'lumotga ega bo'lmasligingiz kerak? Ko'p narsa aniq bo'lmasa ham, professionallar bilan muloqot orqali jarayonni o'rganish uchun doimo imkoniyatlar mavjud. Misol uchun, ro'yxatdan o'tish oynasi, rasm yoki fotosurat va yorliqlarni chaqiradigan tugmachalarni yarating va joylashtiraylik. JavaScript-ni ochish oynasi, yoki tugmachadan foydalanib, ulanishni yaratib, ularning barchasi uchun umumiy bir sinf o'rnatish. Aloqalar div yorlig'i ichiga joylashtirilgan.

Har bir qo'shilgan rel xususiyati deraza nomining nomiga to'liq mos keladi va havolani bosish orqali kerakli faylni ochishga imkon beradi. Biz yaratgan jquery oynasining hamma oynasi. Endi esa uni toza va jozibali qilishni davom ettirmoqda. Bu uslublarni ishlatishni talab qiladi.

Murakkablikning uslubida ishlamayapti: har bir narsa oddiy va tushunarli. HTML tilini ozgina bilishingiz kerak. Biroq, foydalanuvchi buni tushunmasa ham, kerakli ma'lumotlarni internet orqali osongina topish mumkin. Jquery tugmalari uchun pop-uplar barcha mashhur brauzerlarda shu kungacha bir xil, go'zal va aniq: a) markazga bog'langan birliklar; B) burchaklar atrofida; C) PIni IE 7-8 ga ulash.

Odatda, HTML formatlash barcha pop-uplar uchun bir xil bo'ladi. Shuning uchun, teglarni ishlatganda, sizni yopmang: agar bilmasangiz, bir necha asosiy narsani eslab qolish kifoya. Farqi faqat o'lchamlarning dizaynida, ya'ni jquery-ning bir oynasi kengligi bilan farqlanadi. Shu mazmun uchun ham xuddi shunday.

Ro'yxatdan o'tish formasini yuqoridagi yorliqda joylashtirish uchun quyidagilarni yozishingiz kerak:

Yoping

Saytda ro'yxatdan o'tish

Kirish kiriting: Parolni kiriting:

Ushbu ro'yxatga kiritilgan reg_form birinchi rel tugmasini bosish bilan mos keladi va to'ldiruvchi blokning ikki klassi popup reg_form (bo'sh joy kerak) ga o'rnatiladi. Bunday yozuv sizga barcha pop-up derazalar uchun umumiy uslubni yaratishga va har bir shaxs uchun aniq parametrlarni ko'rsatishga imkon beradi.

Keyinchalik rasmlarga mas'ul tugmani joylashtiramiz. Bu erda ham: er-xotin sinf ko'rsatiladi va bu tasvirlar joylashgan papkaga yo'l ko'rsatiladi. Xo'sh, bir xil ruhda.

Yaratilishdan so'ng, faqat sayt sahifasining umumiy ko'rinishini tuzatish kerak, deraza qoidalarini belgilash kerak. Ya'ni, ularning barchasi bir xil tarzda bezatilgan, gorizontal ravishda tahrirlangan va har bir kishi deraza va uning nomini yopish uchun javobgar bo'ladi. Bundan tashqari, siz manba sahifasini yuklab olganingizda hammasi yashiriladi.

Agar o'zingizni qilishni xohlamasangiz, dasturiy ta'minot ishlarini birozgina o'zgartirishga imkon beradigan skriptni yuklab olish imkoniyati mavjud.