Як зробити спливаюче вікно в HTML

Створення спливаючого вікна в HTML проводитися з використанням бібліотеки JQuery, яка дозволяє інтегрувати на web-сторінку обробник подій і тим самим дати можливість відобразити активний вміст сайту.
Як зробити спливаюче вікно в HTML
Інструкція
1
Відкрийте вашу сторінку сайту на HTML в текстовому редакторі, який ви використовуєте для написання потрібного коду. Для вставки спливаючого вікна ви також можете скористатися стандартною утилітою Windows «Блокнот». Для цього клікніть правою клавішею миші на файлі HTML і виберіть "Відкрити за допомогою» - «Блокнот».
2
У секції документа створіть шар, який буде обробляти JQuery:

3
Потім необхідно задати назву спливаючого вікна. Для цього можна скористатися різнорівневими заголовками HTML:

Заголовок вікна

4
Після цього задайте текст, який буде відображатися у вікні із застосуванням скрипта для створення абзацу:



Текст

5
Потім створіть шар з класом close_win для закриття спливаючого вікна, перед цим закривши попередній дескриптор:

Закрити вікно
6
Підключіть бібліотеку jQuery у файлі, прописавши потрібний тег між дескрипторами документа. Наприклад:


7
Після цього введіть код для відображення спливаючого вікна:


Увага, тільки СЬОГОДНІ!