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