HTMLде калкып чыкма терезе түзүү jQuery китепканасынын жардамы менен ишке ашырылат, бул иш-чараларды иштеп чыгуучуну веб-баракчага киргизүүгө мүмкүнчүлүк берет жана ошону менен сайттын активдүү мазмунун көрсөтүүгө мүмкүнчүлүк берет.
Нускамалар
1 кадам
Сиз каалаган кодду жазуу үчүн колдонгон тексттик редактордон HTML сайтыңыздын баракчасын ачыңыз. Калкыма терезени киргизүү үчүн стандарттык Windows блокнот программасын колдонсоңуз болот. Бул үчүн, HTML файлын чыкылдатып, "Ачуу" - "Блокнот" баскычын тандаңыз.
2-кадам
Документ бөлүмүндө, jQuery менен иштей турган катмар түзүңүз:
3-кадам
Андан кийин калкып чыкма терезенин атын коюңуз. Бул үчүн, сиз деңгээлдүү HTML баштарын колдоно аласыз:
Терезенин аталышы
4-кадам
Андан кийин, абзац түзүү үчүн скриптти колдонуп, терезеде көрсөтүлө турган текстти орнотуңуз:
Текст
5-кадам
Андан кийин, мурунку туткасын жабуудан мурун, калкып чыкма терезени жабуу үчүн, класстын close_win менен катмар түзүңүз:
Терезени жабуу
6-кадам
JQuery китепканасын файлдын дескрипторлорунун арасына керектүү тегди кошуу менен файлга кошуңуз. Мисалы:
7-кадам
Андан кийин, калкыма терезени көрсөтүү үчүн кодду киргизиңиз:
$ (function () {
$ ('# Show'). Жашыруу ();
8-кадам
Андан кийин, колдонуучу чычкан баскычын басып, калкыма терезени ачуу жана терезенин жабылышын башкаруу керек. Ал үчүн төмөнкү кодду киргизиңиз:
$ (‘# Click-me’). Click (function () {function () {$ (‘# show’). Fadein (300);})
$ (‘# Close_win’). (Function () {$ (‘# show’). FadeOut (300);})
& lt / скрипт>})
Бул программа колдонуучу калкыма терезени чакыруу жана басуу үчүн шилтемени басуу үчүн баскычтарды басып иштейт.
9-кадам
Баракта калкып чыкма терезени көрсөтүү үчүн, жогорудагы коддо көрсөтүлгөн чыкылдатуу классынын шилтемесин колдонсоңуз болот. Бул үчүн документтин негизги бөлүгүнө төмөнкү кодду киргизиңиз:
Калкыма терезени көрсөтүү үчүн чыкылдатыңыз
