Простые всплывающие по нажатию подсказки на JavaScript

Рассмотрим подробно как сделать простые всплывающие подсказки или окна на JavaScript, которые открываются и закрываются по клику по ним или рядом с ними. При этом может быть открыта только одна из них. Будем использовать JavaScript без jQuery и CSS. Кому нет нужды разбираться, можно взять готовый код.

Для простоты понимания, сначала посмотрим готовый вариант. При клике на Шкаф или Диван открываются подсказки. Они закрываются если кликнуть где-либо в области отмеченной цветом включая саму подсказку. Можно попробовать здесь.

Далее разберем пример детально.

		Это интересно 0	Как всё будет выглядеть в блоге: Простые всплывающие по нажатию подсказки на JavaScript Рассмотрим подробно как сделать простые всплывающие подсказки или окна на JavaScript, которые открываются и закрываются по клику по ним или рядом с ними Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/14185565/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Простые всплывающие по нажатию подсказки на JavaScript </a> <div class="insert-intro" style="font-family:trebuchet MS;">Рассмотрим подробно как сделать простые всплывающие подсказки или окна на JavaScript, которые открываются и закрываются по клику по ним или рядом с ними </div> </div> Простые всплывающие по нажатию подсказки на JavaScript <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/sozdat-svoj-sajt-mechta-kazhdogo-chelovekakotoryij-hotya-byi-2-3-raza-zahodil-v-internet/14185565/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Простые всплывающие по нажатию подсказки на JavaScript</a> <div style="font-family:trebuchet MS;">Рассмотрим подробно как сделать простые всплывающие подсказки или окна на JavaScript, которые открываются и закрываются по клику по ним или рядом с ними </div> </div>

cssworld.ru

19.10.2017

В избранное Пожаловаться Просмотров: 584

Комментарии ⁰

Создать свой сайт 963

Последние откомментированные темы:

Простые всплывающие по нажатию подсказки на JavaScript

Комментарии временно отключены

Открытая группа
19575 участников