Модальные окна, быстро и без 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');

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

WE’VE SIMPLIFIED THE PROCESS FOR YOU AS MUCH
AS POSSIBLE
1. YOU DESCRIBE A TASK.
2. WE ESTIMATE IT AND INFORM YOU ON PRICE AND TERMS.
3. WE START WORK UPON YOUR CONFIRMATION.
4. WE DELIVER YOU THE PROJECT WITHIN THE SET TERM.
SEND US YOUR CONTACT INFORMATION
AND WE’LL CONTACT YOU: