HTML ფანჯარაში pop-up ფანჯრის შექმნა ხორციელდება jQuery ბიბლიოთეკის გამოყენებით, რაც საშუალებას გაძლევთ ინტეგრირება მოახდინოთ მოვლენის დამმუშავებლის ვებ – გვერდზე და ამით გახადოთ საიტის აქტიური შინაარსის ჩვენება.
ინსტრუქციები
Ნაბიჯი 1
გახსენით თქვენი HTML საიტის გვერდი ტექსტურ რედაქტორში, რომელსაც იყენებთ თქვენთვის სასურველი კოდის დასაწერად. Pop-up ფანჯრის ჩასასმელად შეგიძლიათ გამოიყენოთ სტანდარტული Windows Notepad პროგრამა. ამისათვის, დააჭირეთ თაგუნას მარჯვენა ღილაკს HTML ფაილზე და აირჩიეთ "Open With" - "Notepad".
ნაბიჯი 2
დოკუმენტის განყოფილებაში შექმენით ფენა, რომელიც გაუმკლავდება jQuery- ს:
ნაბიჯი 3
შემდეგ თქვენ უნდა დააყენოთ popup ფანჯრის სახელი. ამისათვის შეგიძლიათ გამოიყენოთ შრიფტიანი HTML სათაურები:
ფანჯრის სათაური
ნაბიჯი 4
ამის შემდეგ, დააყენეთ ტექსტი, რომელიც გამოჩნდება ფანჯარაში სკრიპტის გამოყენებით, აბზაცის შესაქმნელად:
ტექსტი
ნაბიჯი 5
შემდეგ შექმენით კლასის close_win ფენა, რომ დახუროთ popup, წინა სახელურის დახურვამდე:
ფანჯრის დახურვა
ნაბიჯი 6
შეიტანეთ jQuery ბიბლიოთეკა ფაილში დოკუმენტის აღწერილებს შორის საჭირო ნიშნის დამატებით. Მაგალითად:
ნაბიჯი 7
ამის შემდეგ, შეიყვანეთ კოდი, რომ გამოჩნდეს popup:
$ (ფუნქცია () {
$ ('# შოუ'). დამალვა ();
ნაბიჯი 8
შემდეგ, თქვენ უნდა გაუმკლავდეთ იმ მოვლენას, როდესაც მომხმარებელმა დააჭიროთ მაუსის ღილაკს გამოსაშლელი ფანჯრის გამოსაძახებლად და ფანჯრის დახურვისთვის. ამისათვის შეიყვანეთ შემდეგი კოდი:
$ ("# დააწკაპუნე"). დააჭირე (ფუნქცია () {$ ("# შოუ"). Fadein (300);})
$ ("# დახურვა"). დააჭირეთ ღილაკს (ფუნქცია () {$ ("# შოუ"). FadeOut (300);})
& lt / სკრიპტი>})
ეს პროგრამა ახდენს მომხმარებლის დაჭერით ღილაკებს გამოსაშლელი ფანჯრის გამოსაძახებლად და დააჭირეთ ბმულს, რომ დახუროთ.
ნაბიჯი 9
გვერდზე გამოსაშლელი ფანჯრის საჩვენებლად შეგიძლიათ გამოიყენოთ click-me კლასის ბმული, რომელიც მითითებულია ზემოთ მოცემულ კოდში. ამისათვის დოკუმენტის ქვედა ნაწილში შეიყვანეთ შემდეგი კოდი:
ფანჯრის სანახავად დააჭირეთ
