Хөвөгч цонхыг хэрхэн яаж хийх вэ

Агуулгын хүснэгт:

Хөвөгч цонхыг хэрхэн яаж хийх вэ
Хөвөгч цонхыг хэрхэн яаж хийх вэ

Видео: Хөвөгч цонхыг хэрхэн яаж хийх вэ

Видео: Хөвөгч цонхыг хэрхэн яаж хийх вэ
Видео: Запёк целую ногу СТРАУСА ВЕСОМ 15 кг в печи 2024, May
Anonim

Орчин үеийн олон сайтууд анхны хяналттай байдаг. Эдгээр элементүүдийн нэг нь попап цонх бөгөөд та янз бүрийн хэрэгцээтэй мэдээлэл, сурталчилгаа, хяналт, санал асуулга гэх мэт зүйлсийг байрлуулж болно. Ийм попап үүсгэх нь маш хялбар байдаг - jQuery санг ашиглана уу.

Хөвөгч цонхыг хэрхэн яаж хийх вэ
Хөвөгч цонхыг хэрхэн яаж хийх вэ

Зааварчилгаа

1-р алхам

JQuery санг нэмсэн хаягуудыг хуудасныхаа кодонд оруулна уу. Эдгээр хаягууд нь нэлээд стандарт харагддаг:

скрипт src = "jQuery.js" / скрипт

скрипт src = "interface.js" / скрипт

Алхам 2

Попапыг хэвэнд оруулахын тулд хэв маягт css кодыг нэмж оруулаарай. Байршил, өндөр, халих, арын зураг, арын байрлал, арын давталт, халих, курсор гэх мэт параметрүүдийг зааж өгөх хэрэгтэй. Хэрэв таны стандарт ажилд хэв маягт зориулсан тусгай файл хуваарилах зарчим байхгүй бол эдгээр параметрүүдийг толгойн шошгонд тохируулж болно. Та өөр тэмдэглэгээг ашиглан өөр аргаар код бичих боломжтой. Хөвөгч цонх бичих олон арга байдаг.

Алхам 3

Попаптай холбоос хийх кодыг хуудасны үндсэн хэсэгт буулгаж, попапыг нээх скриптийг өөрөө тодорхойлно уу. Show (), TransferTo (), bind () болон бусад стандарт командыг ашиглан цонх руу залгах функцийг тайлбарлана уу. Бүх функцийг бүхэлд нь тасалдуулж болзошгүй тул кодонд төөрөлдөхгүй байхын тулд функц бүрийн хажууд өөртөө зориулж жижиг тайлбар бичихийг хичээ.

Алхам 4

Алдаа байгаа эсэхийг шалгаад кодыг хөтөч дээр нээгээд ажлынхаа үр дүнг харах боломжтой. Попап цонх гарч ирэхийн тулд та үүсгэсэн холбоос дээр дарах хэрэгтэй. Ирээдүйд та цонх гарч ирэх цонхыг автоматаар гаргаж өгч болно. Попап нь чирэх, буулгах, багасгах, сунгах, мэдээж ойртуулах зэрэг янз бүрийн шинж чанартай байх ёстой. Эдгээр бүх шинж чанаруудыг попап скриптэд тайлбарлах шаардлагатай. Хөвөгч цонх хийх нь тийм ч хэцүү биш бөгөөд хамгийн гол нь програмчлалын үндсийг мэдэх явдал юм, учир нь кодыг зөв бичихийн тулд танд тусгай мэдлэг шаардагдана.

Зөвлөмж болгож буй: