插件描述：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();
PREVIOUS:
NEXT:
相关插件-幻灯片和轮播图
带各种百叶窗过渡效果的jQuery幻灯片插件
osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果，它使用简单，通过简单的设置即可正常工作。
幻灯片和轮播图
讨论这个项目（3）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
沧海游龙 0
2021/12/17 10:13:59
html结构中外层div要加类样式，不然css白引啊，这说明文档有点坑啊
<div class="mycards stacked-cards"></div>回复
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
