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