Модальные окна, быстро и без bootstrap

  1. Скачать исходники с https://github.com/anseki/jquery-plainmodal

  2. Подключить скрипты jquery и plainmodal

    <script src="jquery-1.11.0.min.js"></script>
    <script src="jquery.plainmodal.min.js"></script>
    
  3. Создать модальное окно

    <div class="modals">
        <div class="js-modal modal">
            Текст
        </div>
    </div>
    
  4. Задать стили

    .modal{
      display: none;
      width: 400px;
      height: 400px;
      text-align: center;
      background-color: #ffffff;
    }
    
  5. Создать инициализацию модального окна

    $('.js-button').click(function(){
       $('.js-modal').plainModal('open');
    });
    

Событие для закрытия, если необходимо добавить например кнопку

$(‘.js-modal').plainModal('close');

добавьте свой комментарий

МЫ МАКСИМАЛЬНО
УПРОСТИЛИ ПРОЦЕСС
ДЛЯ ВАС
1. ВЫ ОПИСЫВАЕТЕ ЗАДАЧУ.
2. МЫ ОЦЕНИВАЕМ, ГОВОРИМ СТОИМОСТЬ СРОКИ.
3. ПОЛУЧАЕМ ОТ ВАС "ДОБРО" И ДЕЛАЕМ.
4. В НАЗНАЧЕННЫЙ СРОК СДАЕМ ПРОЕКТ.
ОСТАВЬТЕ СВОИ КОНТАКТЫ И МЫ С ВАМИ СВЯЖЕМСЯ: