Попап на чистом js! Модальное окно на чистом JavaScript. Без jQuery!

Uploaded By: Myvideo

Published on

15 Nov 2023

1 view

0

0 votes

0

About Share Download Add to

- ссылка на статью - заказать сайт Приветствую, друзья, сегодня я покажу как создать попап на чистом js. Мы реализуем всплывающее окно с плавной анимацией на чистом JavaScript, без использования jQuery. Так же покажу, как прятать попап при клике на фон (вне окна). Таймкоды: 00:00 Вступление 00:43 Статья на 1:05 Подготовка 1:45 Дисклеймер 2:18 HTML часть 4:20 Стилизация формы 11:40 Показ попап окна при клике 17:30 Анимация появления попап окна 18:40 Скрытие окна при клике на крестик 20:08 Прячем попап при клике на фон

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/ajNUSE1LKytRbm9WTmd5QU8vT0V3SlZiUHEycXhXRkF2cTl5VTY1Q201ND0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

ПОДРАБОТКА ЧЕРЕЗ ТЕЛЕФОН БЕЗ ВЛОЖЕНИЙ ОТЗЫВЫ

55 minutes ago

00:01:59

ПОДРАБОТКА ЧЕРЕЗ ТЕЛЕФОН БЕЗ ВЛОЖЕНИЙ ОТЗЫВЫ

1 12%

АСТРОЛОГИЯ | ГОРОСКОП ДЛЯ ВСЕХ ЗНАКОВ НА СЕГОДНЯНе всегда окажется легко контролировать эмоции.

1 hour ago

00:00:19

АСТРОЛОГИЯ | ГОРОСКОП ДЛЯ ВСЕХ ЗНАКОВ НА СЕГОДНЯНе всегда окажется легко контролировать эмоции.

6 14%

Чем обработать картофель от сорняков Обработка участка от травы и сорняков

1 hour ago

00:01:23

Чем обработать картофель от сорняков Обработка участка от травы и сорняков

1 59%

КАК ЛЕГКО НАРИСОВАТЬ ВЕНДРЕЙ АДДАМС / WEDNESDAY ADDAMS

2 hours ago

00:08:26

КАК ЛЕГКО НАРИСОВАТЬ ВЕНДРЕЙ АДДАМС / WEDNESDAY ADDAMS

1 34%

Ставки на себя в КС ГО Работа в онлайн играх вакансии

2 hours ago

00:01:59

Ставки на себя в КС ГО Работа в онлайн играх вакансии

1 7%

КАК НАРИСОВАТЬ ТИТАНА КАМЕРАНА ЛЕГКО| ТУАЛЕТ SKIBIDI

2 hours ago

00:11:25

КАК НАРИСОВАТЬ ТИТАНА КАМЕРАНА ЛЕГКО| ТУАЛЕТ SKIBIDI

1 79%

КАК НАРИСОВАТЬ КАВАИЙНОГО КРОЛИКА ПРОСТО И ЛЕГКО | ПОШАГОВОЕ ОБУЧЕНИЕ

2 hours ago

00:07:04

КАК НАРИСОВАТЬ КАВАИЙНОГО КРОЛИКА ПРОСТО И ЛЕГКО | ПОШАГОВОЕ ОБУЧЕНИЕ

1 9%

ДТП в районе Запорожской во Владивостоке попало на видео

2 hours ago

00:00:08

ДТП в районе Запорожской во Владивостоке попало на видео

4 90%

КАК НАРИСОВАТЬ ФРЕДДИ ФАЗБЕРА ЛЕГКО | ПЯТЬ НОЧЕЙ У ФРЕДДИ FIVE NIGHTS AT FREDDY'S

2 hours ago

00:11:37

КАК НАРИСОВАТЬ ФРЕДДИ ФАЗБЕРА ЛЕГКО | ПЯТЬ НОЧЕЙ У ФРЕДДИ FIVE NIGHTS AT FREDDY'S

1 8%

КАК НАРИСОВАТЬ БАРБИ ЛЕГКО

2 hours ago

00:10:06

КАК НАРИСОВАТЬ БАРБИ ЛЕГКО

1 43%

КАК НАРИСОВАТЬ МИЛОГО СЛОНА KAWAII ЛЕГКО

2 hours ago

00:07:28

КАК НАРИСОВАТЬ МИЛОГО СЛОНА KAWAII ЛЕГКО

1 9%

КАК ЛЕГКО НАРИСОВАТЬ СПИКЕРМЕНА | ТУАЛЕТ СКИБИДИ SKIBIDI

2 hours ago

00:08:33

КАК ЛЕГКО НАРИСОВАТЬ СПИКЕРМЕНА | ТУАЛЕТ СКИБИДИ SKIBIDI

1 48%

Еда на Американской военной базе ВМС

2 hours ago

00:00:23

Еда на Американской военной базе ВМС

1 43%

ТОП 5 СЕТЕВЫХ ШУРУПОВЕРТОВ ДРЕЛЬ COMPAS КУПИТЬ КИЕВ

2 hours ago

00:03:17

ТОП 5 СЕТЕВЫХ ШУРУПОВЕРТОВ ДРЕЛЬ COMPAS КУПИТЬ КИЕВ

1 48%

Заработок на ставках как Интернет игры на деньги

4 hours ago

00:01:59

Заработок на ставках как Интернет игры на деньги

1 72%

Попал в ДТП - жди ТЦК

5 hours ago

00:01:05

Попал в ДТП - жди ТЦК

1 7%

Казачий хор Казачата Новокубанск 1995 г. Казачьи песни

5 hours ago

00:21:02

Казачий хор Казачата Новокубанск 1995 г. Казачьи песни

6 62%

Akella ЗЛОЙ ДЕД ПОПАЛ В БОЛЬНИЦУ

5 hours ago

00:06:04

Akella ЗЛОЙ ДЕД ПОПАЛ В БОЛЬНИЦУ

16 82%

Если Вы мужчина, проживающий на территории Украины и Вы попали в ДТП НИ В КОЕМ СЛУЧАЕ НЕ ВЫЗЫВАЙТЕ ПОЛИЦИЮ

6 hours ago

00:01:05

Если Вы мужчина, проживающий на территории Украины и Вы попали в ДТП НИ В КОЕМ СЛУЧАЕ НЕ ВЫЗЫВАЙТЕ ПОЛИЦИЮ

1 5%

Теннис! Кларк - Попко. Knoxville Challenger. 1st round. (прямая трансляция)

6 hours ago

02:38:00

Теннис! Кларк - Попко. Knoxville Challenger. 1st round. (прямая трансляция)

3.6K 76%

Джоан (2024) 1 сезон (озвучка от TVShows) 18+

6 hours ago

04:36:13

Джоан (2024) 1 сезон (озвучка от TVShows) 18+

5 36%

История о том, как Виталя Командир из 35 бригады морской пехоты ВСУ похерил свою роту на островах Херсонской области

6 hours ago

00:00:12

История о том, как Виталя Командир из 35 бригады морской пехоты ВСУ похерил свою роту на островах Херсонской области

2 25%

Тиа Дальма объясняет Пинтелу и Раджетти куда попал Джек Воробей - Пираты Карибского моря: На краю света

6 hours ago

00:03:10

Тиа Дальма объясняет Пинтелу и Раджетти куда попал Джек Воробей - Пираты Карибского моря: На краю света

440 59%

Алексей Витушкин Как я попал в США. Грин Карта. Получение визы. Сколько потратил

6 hours ago

00:20:29

Алексей Витушкин Как я попал в США. Грин Карта. Получение визы. Сколько потратил

4 16%

0 Comments

Guest