Светлое модальное окно RazVed для сайта
 | |
Давайте рассмотрим светлое модальное окно на JavaScript и стилях. Его можно отнести по установке простое, по дизайн смотрится отлично на белом фоне. Если создавая сайт, уже нельзя без этого модального окна его представить. Так как оно отлично будет выводить вам и вашим пользователям и гостям ресурса, ту информацию, которую вы поставите. Здесь оно чисто текстовое и под изображение хорошо подходит, у него красиво сделан крестик в квадрате, что на светло красный оттенок шаблона видать и создавался. Но безусловно подойдет и на другую гамму, так как сделано с затемнением, что можете посмотреть.  Что по установке, для начало нужно скачать архив, и там будет 2 файла, это стили и is, также предполагается демонстрация скрипта, что можете в реале посмотреть. Потом этот код ставим вверх сайта. Код <link rel='stylesheet' type='text/css' href='style.css'> <script src='modal.js'></script> Но и в то место, где будете выводить, также там и писать, что нужно. Код <button id='launchModalButton' type='button'>Показать окно</button> <script> var myModal = new Modal({ content: 'Здесь текст вашего сообщения для модального окна' }); var launchModal = document.getElementById('launchModalButton'); launchModal.addEventListener('click', function() { myModal.open(); }); </script> Писать или ставить изображение, все нужно в одну строку, чтоб светло красная была, а если начнется темной, то работать не будет, это так на всякий случай, для тех, кто говорит, что не чего не получается. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 7 | |
|
| |
