Слияние кода завершено, страница обновится автоматически
网页旋转木马轮播图插件,流畅的过渡效果,适用于pc,移动端。基于原生css、js实现
css js
支持pc、移动端
ie >= 10 其他主流浏览器都支持
<!-- css -->
<link rel="stylesheet" href="../css/3dSwiper.css">
<!-- html -->
<div class="swiper-container">
<ul class="swiper-wrap">
<li><img src=""></li>
<li><img src=""></li>
<li><img src=""></li>
</ul>
<ul class="swiper-dots"></ul>
<ul class="swiper-navigator">
<li class="swiper-btn-prev"><</li>
<li class="swiper-btn-next">></li>
</ul>
</div>
<!-- js -->
<script src="../js/3dSwiper.js"></script>
<script>
new Swiper(".swiper-container",{
pagination: ".swiper-dots",
navigator: {
prev: ".swiper-btn-prev",
next: ".swiper-btn-next"
},
delay: 3000, // 切换的时间 默认2000
autoPlay: true // 是否自动切换 默认true
});
</script>
180 * 0.6 = 108px
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )