Попап на чистом 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

Памятник Владимиру Юмину открыли в Каспийске

just now

00:03:11

Памятник Владимиру Юмину открыли в Каспийске

1 93%

Interesting News

just now

00:00:20

Interesting News

1 66%

КУПИЛ СТАРУЮ ИНОМАРКУ И ПОПАЛ НА КАПИТАЛКУ ЗА 2000км ОТ ДОМА

just now

00:17:34

КУПИЛ СТАРУЮ ИНОМАРКУ И ПОПАЛ НА КАПИТАЛКУ ЗА 2000км ОТ ДОМА

1 52%

АЙДЕН 2g Открываю полностью ОНЛАЙН бизнес с нуля #1 муки выбора

recently

00:23:53

АЙДЕН 2g Открываю полностью ОНЛАЙН бизнес с нуля #1 муки выбора

3 85%

ДАТА ВЫХОДА ОБНОВЛЕНИЯ 3.5 PUBG MOBILE! ОБНОВЛЕНИЕ МИФИК ФОРДЖ! КАК ПОЛУЧИТЬ VIP СТАТУС PUBG MOBILE

recently

00:13:20

ДАТА ВЫХОДА ОБНОВЛЕНИЯ 3.5 PUBG MOBILE! ОБНОВЛЕНИЕ МИФИК ФОРДЖ! КАК ПОЛУЧИТЬ VIP СТАТУС PUBG MOBILE

7 83%

Андрей Калачиков Медведь людоед попал в ловушку.

21 minute ago

00:00:47

Андрей Калачиков Медведь людоед попал в ловушку.

1 20%

ГДЕ И КАК ЗАРАБОТАТЬ БИТКОИНЫ БЕЗ ВЛОЖЕНИЙ ГДЕ МОЖНО ЗАРАБОТАТЬ 300 РУБЛЕЙ

25 minutes ago

00:01:59

ГДЕ И КАК ЗАРАБОТАТЬ БИТКОИНЫ БЕЗ ВЛОЖЕНИЙ ГДЕ МОЖНО ЗАРАБОТАТЬ 300 РУБЛЕЙ

1 59%

В одной из квартир дети остались одни и попали в беду.

28 minutes ago

00:00:13

В одной из квартир дети остались одни и попали в беду.

1.7K 67%

Момент взрыва в Пакистане попал на видео | Политкач

42 minutes ago

00:00:14

Момент взрыва в Пакистане попал на видео | Политкач

1.3K 57%

Мир Историй .

45 minutes ago

00:02:41

Мир Историй .

5 27%

Сплетни ТУТ

46 minutes ago

00:01:26

Сплетни ТУТ

14 92%

Король и Шут - Кукла колдуна | Разбор песни на гитаре

46 minutes ago

00:03:58

Король и Шут - Кукла колдуна | Разбор песни на гитаре

1 79%

Милосердие русского солдата наши бойцы при помощи дрона вывели ВСУшника на свои позиции и взяли в плен

50 minutes ago

00:00:55

Милосердие русского солдата наши бойцы при помощи дрона вывели ВСУшника на свои позиции и взяли в плен

2 73%

Видео Танцы под ущербной луной / En un claroscuro de la luna (1995, Драма, мелодрама) |

57 minutes ago

01:40:18

Видео Танцы под ущербной луной / En un claroscuro de la luna (1995, Драма, мелодрама) |

1 16%

ХОМА - ГТА 5 РП НАКАЗАЛ АДМИНОВ ЗА БЕСПРЕДЕЛ - ОБХОД ПРАВИЛ на GTA 5 RP

1 hour ago

00:21:29

ХОМА - ГТА 5 РП НАКАЗАЛ АДМИНОВ ЗА БЕСПРЕДЕЛ - ОБХОД ПРАВИЛ на GTA 5 RP

5 13%

Трамвай насмерть переехал мужчину в Казани прошлым вечером

1 hour ago

00:00:33

Трамвай насмерть переехал мужчину в Казани прошлым вечером

127 68%

КАК открыть ЭТУ ДВЕРЬ Vlad и Niki нашли СОКРОВИЩА но кто-то закрыл их на 12 ЗАМКОВ! Пластилиновая игра!

1 hour ago

00:11:56

КАК открыть ЭТУ ДВЕРЬ Vlad и Niki нашли СОКРОВИЩА но кто-то закрыл их на 12 ЗАМКОВ! Пластилиновая игра!

98 9%

Я думал, сюда только на оленях можно добраться

1 hour ago

00:00:14

Я думал, сюда только на оленях можно добраться

1 88%

Nanwei шуруповерт тест Дрель шуруповерт аккумуляторная dewalt dcd 800 e2t dcd800e2t qw

1 hour ago

00:03:17

Nanwei шуруповерт тест Дрель шуруповерт аккумуляторная dewalt dcd 800 e2t dcd800e2t qw

1 89%

Игровой ПК ROG x EVANGELION: Во-первых, это красиво!

1 hour ago

00:17:03

Игровой ПК ROG x EVANGELION: Во-первых, это красиво!

86 21%

Шуруповерт зубр 18 вольт цена 64 Шуруповерт аккумуляторный купить в воронеже цена

2 hours ago

00:03:17

Шуруповерт зубр 18 вольт цена 64 Шуруповерт аккумуляторный купить в воронеже цена

1 65%

Федя Букер - Как попал в Херсон, VSRAP, Антихайп, VERSUS и SLOVO

2 hours ago

03:52:07

Федя Букер - Как попал в Херсон, VSRAP, Антихайп, VERSUS и SLOVO

2 69%

Притча о том, как один балабол попал в котёлСмешные и никчемные, не стоящие и ломаного гроша политические проститутки

2 hours ago

00:00:46

Притча о том, как один балабол попал в котёлСмешные и никчемные, не стоящие и ломаного гроша политические проститутки

116 13%

83-летняя бабушка из Севастополя обгоняет на воде даже молодых

2 hours ago

00:02:05

83-летняя бабушка из Севастополя обгоняет на воде даже молодых

14 48%

0 Comments

Guest