Слияние кода завершено, страница обновится автоматически
<!-- Написать контейнер, добавить несколько дочерних элементов, класс дочернего элемента должен быть cascade-flow-item -->
<div id="cascade-flow-wrapper" class="cascade-flow-wrapper">
<div class="cascade-flow-item">1</div>
<div class="cascade-flow-item">2</div>
<div class="cascade-flow-item">3</div>
<div class="cascade-flow-item">4</div>
<div class="cascade-flow-item">5</div>
<div class="cascade-flow-item">6</div>
<div class="cascade-flow-item">7</div>
<div class="cascade-flow-item">8</div>
<div class="cascade-flow-item">9</div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/cascade-flow.js"></script>
$('#cascade-flow-wrapper').cascadeFlow({ width: 220,col: 5 });
| Параметр | Описание | Значение по умолчанию |
|---|---|---|
| width | Ширина каждой колонки | 200 |
| col | Количество колонок | 3 |
| my | Верхний и нижний отступы | 5 |
| mx | Левый и правый отступы | 5 |
$('#cascade-flow-wrapper').cascadeFlow({ width: 220, col: 3 });
Результат:
$('#cascade-flow-wrapper').cascadeFlow({ width: 220, col: 4 });
Результат:
$('#cascade-flow-wrapper').cascadeFlow({ width: 220, col: 5 });
Результат:
Автор: Zhuzhaofeng, 26 мая 2019 года
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )