Kuunda kidirisha cha pop-up katika HTML hufanywa kwa kutumia maktaba ya jQuery, ambayo hukuruhusu kujumuisha mshughulikiaji wa hafla kwenye ukurasa wa wavuti na kwa hivyo kuifanya iweze kuonyesha yaliyomo kwenye wavuti.
Maagizo
Hatua ya 1
Fungua ukurasa wako wa wavuti ya HTML kwenye kihariri cha maandishi unachotumia kuandika nambari unayotaka. Unaweza pia kutumia huduma ya kawaida ya Windows Notepad ili kuingiza dirisha la pop-up. Ili kufanya hivyo, bonyeza-click kwenye faili ya HTML na uchague "Fungua Na" - "Notepad".
Hatua ya 2
Katika sehemu ya hati, tengeneza safu ambayo itashughulikia jQuery:
Hatua ya 3
Kisha unahitaji kuweka jina la dirisha la kidukizo. Ili kufanya hivyo, unaweza kutumia vichwa vya kichwa vya HTML:
Kichwa cha dirisha
Hatua ya 4
Baada ya hapo, weka maandishi ambayo yataonyeshwa kwenye dirisha ukitumia hati kuunda aya:
Nakala
Hatua ya 5
Kisha unda safu na darasa karibu_win kufunga kidukizo, kabla ya kufunga kishikizo cha awali:
Funga dirisha
Hatua ya 6
Jumuisha maktaba ya jQuery kwenye faili kwa kuongeza lebo inayohitajika kati ya vielezi vya hati. Kwa mfano:
Hatua ya 7
Baada ya hapo, ingiza nambari ili kuonyesha kidukizo:
$ (kazi () {
$ ('# Onyesha') Ficha ();
Hatua ya 8
Ifuatayo, unahitaji kushughulikia tukio ambalo mtumiaji alibonyeza kitufe cha panya kuomba kidirisha cha pop-up na kushughulikia kufungwa kwa dirisha. Ili kufanya hivyo, ingiza nambari ifuatayo:
$ ('# Bonyeza-mimi'). Bonyeza (fanya kazi () {$ ('# onyesha'). Fadein (300);})
$ ('# Close_win'). Bonyeza (fanya kazi () {$ ('# show'). FadeOut (300);})
& lt / script>})
Mpango huu unashughulikia mtumiaji akibonyeza vitufe vya kupiga simu kidirisha-ibukizi na kubonyeza kiunga kuifunga.
Hatua ya 9
Ili kuonyesha kidirisha cha pop-up kwenye ukurasa, unaweza kutumia kiunga cha darasa la bonyeza-me ambalo lilifafanuliwa katika nambari hapo juu. Ili kufanya hivyo, ingiza nambari ifuatayo kwenye hati:
Bonyeza kuonyesha kidukizo
