js堆叠卡片轮播图插件stackedCards

 查看演示  website  立即下载

使用方法

在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:
js轮播图滑块过渡特效
jQuery bootstraps响应式多用途软件企业类网站模板