<div class="hero-gallery js-flickity">
<div class="hero-gallery__cell hero-gallery__cell--1">
<div class="content-wrap">
<h1>flickity滑动插件</h1>
<p class="tagline">触屏,响应,可锁定的画廊</p>
</div>
</div>
<div class="hero-gallery__cell hero-gallery__cell--2">
<div class="content-wrap">
<p class="slogan slogan--easy">使用简单</p>
<p class="slogan slogan--fun">有趣的flickity滑动插件.</p>
<p class="slogan slogan--tagline">Flickity使画廊有触屏滑动、旋转木马的感觉。</p>
</div>
</div>
<div class="hero-gallery__cell hero-gallery__cell--3">
<div class="content-wrap">
<ul class="feature-list">
<li>有动画效果</li>
<li>支持触屏滑动</li>
<li>响应式风格</li>
<li>丰富的API</li>
</ul>
</div>
</div>
</div> <link rel="stylesheet" href="css/flickity-docs.css" media="screen" />
<script src="js/flickity-docs.min.js"></script> | 参数 | 描述 | 默认值 |
| cellAlign | 对齐方式 可选参数: 'center', 'left', 'right' | center |
| wrapAround | 循环滚动 可选参数: true, false | false |
| contain | 控制按钮 自定义控制按钮从开始或结束滚动,若在 wrapAround: true无效. | false |
| autoPlay | 自动播放 | false |
| draggable | 是否支持拖动 | true |
| cellSelector | 目标容器 | undefined |
| pageDots | 是否开启分页 | true |
| prevNextButtons | 是否显示上下页按钮 | true |
| resizeBound | 是否自适应窗口 | true |
*
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
