paper-collapse

paper-collapse 介绍

paper-collapse是一款谷歌Material Design风格卡片式手风琴特效的jQuery插件。该手风琴效果的每一个手风琴项都是一张卡片，点击时卡片会相应的伸展和收缩，时尚美观。

paper-collapse使用

1、引入

<link rel="stylesheet" href="css/paper-collapse.min.css">

<script type="text/JavaScript" src="js/jquery.min.js"></script>

<script type="text/JavaScript" src="paper-collapse.js"></script>

2、html

div class="collapse-card">

<div class="collapse-card__heading">

<div class="collapse-card__title">

<i class="fa fa-question-circle fa-2x fa-fw"></i>

<!-- 标题文本-->

</div>

</div>

<div class="collapse-card__body">

<!-- 手风琴卡片中的文本内容 -->

</div>

</div>

3、初始化

<script>

$(function () {

$(".collapse-card").paperCollapse();

});

</script>

网站地址:http://www.google.com/design/

GitHub:https://github.com/alexander-ruehle/paper-collapse

网站描述:一款谷歌Material Design风格卡片式手风琴特效的jQuery插件

paper-collapse

官方网站：http://www.google.com/design/

小编说

以上是编程之家为你收集整理的paper-collapse全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。