Это лёгкий плагин на основе jQuery, который позволяет создавать скользящие слои. Объём кода — около 100 строк. Не требует подключения дополнительных CSS-файлов. Плагин можно сразу использовать, он отличается выдающимся эффектом.
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="js/kpopup.js"></script>
<!-- Основной контейнер скользящего слоя -->
<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 и другие методы для настройки положения скользящего слоя
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )