简要教程
stackedCards是一款js堆叠卡片轮播图插件。该插件可以制作出类似卡片堆叠的轮播图效果，支持滑动和扇形两种模式。
使用方法
在HTML文件中引入。
<linkrel="stylesheet"type="text/css"href="stackedCards.css"/>
<scriptsrc="stackedCards.js"><script>
HTML结构
<divclass="mycards">
<ul>
<li>yourcontent</li>
<li>yourcontent</li>
<li>yourcontent</li>
<li>yourcontent</li>
<li>yourcontent</li>
</ul>
</div>
javascript
varstackedCard=newstackedCards({
selector:'.mycards',
layout:"slide",
transformOrigin:"center",
});
stackedCard.init();
扇形堆叠轮播图
varstackedCard=newstackedCards({
selector:'.stacked-cards',
layout:"fanOut",
transformOrigin:"bottom",
});
stackedCard.init();
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jQuery