基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 1 元　

支付宝支付

微信支付

   源码介绍

---

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>
js

var stackedCard = new stackedCards({

    selector: '.mycards',
    layout: "slide",
    transformOrigin: "center",
});
  
stackedCard.init();