flickity画廊html代码
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<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*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
