Главная » Файлы » Прочие скрипты » jQuery |
SweetAlert - отличные alert окна на jQuery для вашего сайта
[ Скачать с сервера (5.8 Kb) ] | 06.12.14, 16:33:38 |
Отличные, достаточно функциональные, а главное, очень простые в использовании алерт-окна для вашего сайта. В общем, всё сами увидите в описании Для начала посмотрите ДЕМО Моё тестирование в фидле: КЛИК Установка: После < /head > на нужных страницах вставляйте: Код <link rel="stylesheet" type="text/css" href="/css/sweet-alert.css"> <script type='text/javascript' src="/js/sweet-alert.min.js"></script> Примеры использования: 1. Простое окно: Код swal("Я - алерт окно!") 2. Простое окно с заголовком: Код swal("Я - заголовок", "Здесь любой ваш текст") 3. Окно с ошибкой: Код sweetAlert("Опа...", "Ошибочка вышла!", "error"); 4. Окно с успешным выполнением: Код swal("Отлично!", "У тебя всё получилось!", "success") 5. Окно, которое само закроется: Код swal({ title: "Я само закроюсь!", text: "Подожди всего 2 секунды.", timer: 2000 }) 6. Окно с callback функцией: Код swal({ title: "Серьёзно?", text: "В самом деле сгрызть все семки?", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Да, сгрызть", closeOnConfirm: false }, function(){ swal("Круто!", "Все семки были успешно сгрызены.", "success"); }); Больше примеров использования можете найти на сайте, ссылку на который я указал в демо Файл стиля из прикреплённого архива залейте в папку css, скрипт залейте в папку js Материал подготовлен Apocalypse | |
Просмотров: 1543 | Загрузок: 380 | |
Всего комментариев: 0 | |
| |