
flickity画廊html代码
<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> 引入flickity滚动轮播插件
<link rel="stylesheet" href="css/flickity-docs.css" media="screen" />
<script src="js/flickity-docs.min.js"></script> flickityAPI参数
参数 描述 默认值 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.
