手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

js堆叠卡片轮播图插件stackedCards

时间:2020-06-25    点击: 次    来源:网络    作者:佚名 - 小 + 大

js堆叠卡片轮播图插件stackedCards
简要教程

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

 js堆叠卡片轮播图插件stackedCards 本地下载

上一篇:jQuery图片加载loading加载层动画插件

下一篇:跨浏览器纯JavaScript QRCode二维码插件

推荐阅读
浙ICP备14024822号  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  电话:13388629007  |  
Copyright © 2020 天人文章管理系统 版权所有,授权www.antqq.com使用 Powered by 55TR.COM