Как сделать всплывающее окно в html
4 года назад
Человек-Молекула
Ответы
0
Для создания всплывающего окна в HTML можно использовать тег <div>
и стили CSS.
- Сначала создадим блок
<div>
, который будет содержать всплывающее окно:
- Добавим стили для этого блока. С помощью CSS зададим ему размеры, позицию, цвет фона и прозрачность:
- Добавим кнопку, при нажатии на которую будет открываться всплывающее окно:
- Создадим функцию
openPopup()
, которая будет открывать всплывающее окно. В этой функции мы будем получать доступ к блоку<div>
и задавать ему свойствоdisplay: block;
, чтобы он стал видимым:
- Для того чтобы закрыть всплывающее окно, добавим кнопку "закрыть" и функцию
closePopup()
, которая будет скрывать блок<div>
:
2 года назад
Aleksey