swiper3 플러그인 스크롤 설정

7861 단어
<html>
<head>
    <link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
    <script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js">script>
  
  <style>
        /*                  */
        .swiper-container{
            width: 600px;
            height: 300px;
        }
        /*   wrapper     ,              */
     .swiper-wrapper{
         transition-timing-function: linear;
     }
  style>
head>
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">Slide 1div>
            <div class="swiper-slide">Slide 2div>
            <div class="swiper-slide">Slide 3div>
            <div class="swiper-slide">Slide 4div>
            <div class="swiper-slide">Slide 5div>
            <div class="swiper-slide">Slide 6div>
            <div class="swiper-slide">Slide 7div>
        div>
    div>
    <script>
    var mySwiper = new Swiper ('.swiper-container', {
        autoplay:1,//    
        loop:true,//  
        speed:5000,//    
        slidesPerView : 4,//slide    
        spaceBetween : 10//slide     (  px)
    })
    script>
body>
html>        
    

 
전재 대상:https://www.cnblogs.com/xinghan/p/7889410.html

좋은 웹페이지 즐겨찾기