2018-03-21

1，广告页

有图片缩放+轮播
https://rd.kuaigames.com/?cid=chn5b1658115e17f

   //一种swiper轮播的写法
   <div class="swiper-container">
            <ul class="swiper-wrapper">
                <li class="swiper-slide">
                    <a class="js-no-follow">
                        <img src="img/slide1.png">
                    </a>
                </li>
                <li class="swiper-slide">
                    <a class="js-no-follow">
                        <img src="img/slide2.png">
                    </a>
                </li>
            </ul>
            <div class="swiper-button swiper-button-prev"></div>
            <div class="swiper-button swiper-button-next"></div>
        </div>
//js部分
var featureSwiper = new Swiper('.swiper-container', {
    prevButton     : '.swiper-button-prev',
    nextButton     : '.swiper-button-next',
    effect         : 'coverflow',
    slidesPerView  : 'auto',
    centeredSlides : true,
    loop           : true,
    autoplay       : 2000
});