HTML-də bir açılan pəncərə yaratmaq jQuery kitabxanasından istifadə edərək bir hadisə idarəedicisini veb səhifəyə inteqrasiya etməyə və bununla da saytın aktiv məzmununu göstərməyə imkan verir.
Təlimat
Addım 1
İstədiyiniz kodu yazmaq üçün istifadə etdiyiniz mətn redaktorunda HTML sayt səhifənizi açın. Pop-up pəncərə əlavə etmək üçün standart Windows Notepad yardım proqramından da istifadə edə bilərsiniz. Bunu etmək üçün HTML sənədinə sağ vurun və "Aç" - "Not Defteri" ni seçin.
Addım 2
Sənəd hissəsində jQuery ilə işləyəcək bir qat yaradın:
Addım 3
Sonra açılan pəncərənin adını təyin etməlisiniz. Bunu etmək üçün, səviyyəli HTML başlıqlarını istifadə edə bilərsiniz:
Pəncərə adı
Addım 4
Bundan sonra bir abzas yaratmaq üçün skriptdən istifadə edərək pəncərədə görünəcək mətni təyin edin:
Mətn
Addım 5
Sonra əvvəlki qolu bağlamadan əvvəl popupu bağlamaq üçün class close_win ilə bir qat yaradın:
Bir pəncərəni bağlayın
Addım 6
Sənəd təsvirçiləri arasında lazımi etiketi əlavə edərək jQuery kitabxanasını fayla daxil edin. Misal üçün:
Addım 7
Bundan sonra açılan pəncərəni göstərmək üçün kodu daxil edin:
$ (function () {
$ ('# Show'). Gizlə ();
Addım 8
Bundan sonra, pop-up pəncərəsini çağırmaq və pəncərənin bağlanmasını idarə etmək üçün istifadəçinin siçan düyməsini basması hadisəsini idarə etməlisiniz. Bunu etmək üçün aşağıdakı kodu daxil edin:
$ (‘# Click-me’). (Function () {$ (‘# show’). Fadein (300);}) düyməsini basın
$ (‘# Close_win’). (Function () {$ (‘# show’). FadeOut (300);}) düyməsini basın
& lt / script>})
Bu proqram, istifadəçiyə açılan pəncərəni çağırmaq və bağlamaq üçün linki vurmaq üçün düymələri basaraq idarə edir.
Addım 9
Səhifədə açılan pəncərəni göstərmək üçün yuxarıdakı kodda göstərilən klikləyin sinfi bağlantısını istifadə edə bilərsiniz. Bunu etmək üçün sənədin gövdəsinə aşağıdakı kodu daxil edin:
Popup göstərmək üçün vurun
