Модальные окна, быстро и без bootstrap
2015-10-20
Михаил Ведерников
Скачать исходники с https://github.com/anseki/jquery-plainmodal
Подключить скрипты jquery и plainmodal
<script src="jquery-1.11.0.min.js"></script> <script src="jquery.plainmodal.min.js"></script>
Создать модальное окно
<div class="modals"> <div class="js-modal modal"> Текст </div> </div>
Задать стили
.modal{ display: none; width: 400px; height: 400px; text-align: center; background-color: #ffffff; }
Создать инициализацию модального окна
$('.js-button').click(function(){ $('.js-modal').plainModal('open'); });
Событие для закрытия, если необходимо добавить например кнопку
$(‘.js-modal').plainModal('close');
добавьте свой комментарий