stackedCards是一款js堆叠卡片轮播图插件。该插件可以制作出类似卡片堆叠的轮播图效果,支持滑动和扇形两种模式。
使用方法
在HTML文件中引入。
<link rel="stylesheet" type="text/css" href="stackedCards.css"/> <script src="stackedCards.js"><script>
HTML结构
<div class="mycards"> <ul> <li>your content</li> <li>your content</li> <li>your content</li> <li>your content</li> <li>your content</li> </ul> </div>
javascript
var stackedCard = new stackedCards({ selector: '.mycards', layout: "slide", transformOrigin: "center", }); stackedCard.init();
扇形堆叠轮播图
var stackedCard = new stackedCards({ selector: '.stacked-cards', layout: "fanOut", transformOrigin: "bottom", }); stackedCard.init();
stackedCards插件的github网址为:https://github.com/junedchhipa/stacked-cards
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!