2018-03-21

图片.png

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
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React-native-animatable 动画 react-native-carousel 轮播 react...
    suyuja阅读 150评论 0 0
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,018评论 3 119
  • 第一次在这里发声 一次未来的选择,一个纠结的决定,我知道,曾经的排斥都是欲迎还拒,曾经的信誓...
    所言所行心向往之阅读 440评论 0 0
  • 通过Java反射机制,我们可以在运行时检视类的构造函数并初始化对象。这一切都是通过java.lang.reflec...
    SHUTUP阅读 1,262评论 0 0
  • “永信!!” “永信!回来啊-!!!”玛琳娜大声呼唤着,可是永信还是头也不回,一味向前跑。 突然间永信身体向后一仰...
    夜影散尽沧桑阅读 203评论 1 1