HTML-де қалқымалы терезе құру jQuery кітапханасының көмегімен жүзеге асырылады, бұл іс-шараларды өңдеушіні веб-параққа біріктіруге мүмкіндік береді және сол арқылы сайттың белсенді мазмұнын көрсетуге мүмкіндік береді.
Нұсқаулық
1-қадам
Қажетті кодты жазу үшін пайдаланылатын мәтіндік редактордан HTML сайт парағын ашыңыз. Сондай-ақ, қалқымалы терезені енгізу үшін стандартты Windows Notepad утилитасын пайдалануға болады. Ол үшін HTML файлын тінтуірдің оң жағымен басып, «Ашу» - «Блокнот» таңдаңыз.
2-қадам
Құжат бөлімінде jQuery өңдейтін қабат жасаңыз:
3-қадам
Содан кейін сіз қалқымалы терезенің атын орнатуыңыз керек. Ол үшін HTML деңгейлерінің деңгейлік деңгейлерін пайдалануға болады:
Терезенің тақырыбы
4-қадам
Осыдан кейін абзац құру үшін сценарийді пайдаланып терезеде көрсетілетін мәтінді орнатыңыз:
Мәтін
5-қадам
Алдыңғы дескрипторды жаппас бұрын, қалқымалы терезені жабу үшін close_win сыныбымен қабат жасаңыз:
Терезені жабу
6-қадам
Құжат дескрипторларының арасына қажетті тегті қосу арқылы файлға jQuery кітапханасын қосыңыз. Мысалға:
7-қадам
Осыдан кейін, қалқымалы терезені көрсету үшін кодты енгізіңіз:
$ (function () {
$ ('# Show'). Жасыру ();
8-қадам
Әрі қарай, сіз қалқымалы терезені шақыру және терезені жабу үшін қолданушы тышқан батырмасын басқан оқиғаны өңдеуіңіз керек. Ол үшін келесі кодты енгізіңіз:
$ (‘# Click-me’). (Функция () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). (Function () {$ (‘# show’). FadeOut (300);})
& lt / скрипт>})
Бұл бағдарлама пайдаланушыға қалқымалы терезені шақыру батырмасын басу және оны жабу үшін сілтемені басу арқылы жұмыс істейді.
9-қадам
Бетте қалқымалы терезені көрсету үшін, мені шерту класының жоғарыдағы кодында көрсетілген сілтемені пайдалануға болады. Ол үшін құжаттың негізгі бөлігіне келесі кодты енгізіңіз:
Қалқымалы терезені көрсету үшін басыңыз
