1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/kalvinmy-kpopup

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Kpopup плагин

Это лёгкий плагин на основе jQuery, который позволяет создавать скользящие слои. Объём кода — около 100 строк. Не требует подключения дополнительных CSS-файлов. Плагин можно сразу использовать, он отличается выдающимся эффектом.

Использование

Подключение JS

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="js/kpopup.js"></script>

Размещение HTML контейнера

<!-- Основной контейнер скользящего слоя -->
<div id="rightPopup"></div>

<!-- Содержимое скользящего слоя -->
<div id="content" style="display: none;">
    Я — содержимое скользящего слоя.
    <br />
    Я — содержимое скользящего слоя.
    <br />
    Я — содержимое скользящего слоя.
    <br />
    Важно повторять три раза...
</div>

Создание экземпляра скользящего слоя

// Скользящий слой справа
new popup('#rightPopup', '#rightBtn', {
    // width: '334px',	// Ширина скользящего слоя
    // height: '170px',	// Высота скользящего слоя
    content: $('#content'),	// Основное содержимое; может быть HTML или DOM-объект
    duration: 500	// Скорость скольжения, по умолчанию быстрая
}).popupRight();	// Можно вызвать setTop, setRight и другие методы для настройки положения скользящего слоя

Эффект

Эффект скольжения

Инструменты Kalvin онлайн

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Описание недоступно Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/kalvinmy-kpopup.git
git@api.gitlife.ru:oschina-mirror/kalvinmy-kpopup.git
oschina-mirror
kalvinmy-kpopup
kalvinmy-kpopup
master