| 1 |
<body> <!-- Вызовите ваше модальное окно --> <a id="demo01" href="#animatedModal">DEMO01</a> <!-- Демонстрация 01 --> <div id="animatedModal"> <!-- ЭТО ВАЖНО! Чтобы закрыть модальное окно, имя класса должно совпадать с именем, данным в ID class="close-animatedModal" --> <div class="close-animatedModal"> CLOSE MODAL </div> <div class="modal-content"> <!-- Здесь идет ваше содержание модального окна --> </div> </div> </body> В самом конце, перед закрывающим тегом </body>, вставляем следующее <body> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="yourPath/animatedModal.min.js"></script> </body> Осталось только сделать инициализацию <script> $("#demo01").animatedModal(); </script> |
Комментарии