我们保证每个页面最多显示一个小型广告。不用担心，隐藏此消息将确保您不会再次被烦扰。
类型
形状
形状是一个三维物体，包括任何作为面的平面内容。
立方体
立方体形状的格式使得每面都是立方体的面
1
2
3
4
5
6
文本
文本形状的格式允许显示文本的侧面
你知道吗？这面一开始是可见的。
救命，又是另一面！
这是最后一面
示例
形状类型
形状不必是规则的，也不必使其侧面在长度和宽度上匹配才能正确动画。
形状
入门
必需的标记
形状可以包含任意内容，只需将每面包装在 side 中即可
这面一开始是可见的。
这是另一面
这是最后一面
使用 Javascript 动画
动画使用 CSS3 过渡和 Javascript 来设置正确的条件。
初始化形状
$('.shape').shape();
过渡自动假设下一面是下一个兄弟元素（如果是最后一个元素，则是第一个元素）
$('.shape').shape('flip up');
要手动设置要显示的下一面，请使用选择器或 jQuery 对象
$('.shape') .shape('set next side', '.second.side') .shape('flip up') ;
任何内部方法都可以以编程方式调用
$('.shape').shape('repaint');
行为
所有以下行为都可使用以下语法调用
$('.your.element') .shape('behavior name', argumentOne, argumentTwo) ;
| 行为 | 描述 |
|---|---|
| flip up | 向上翻转形状 |
| flip down | 向下翻转形状 |
| flip right | 向右翻转形状 |
| flip left | 向左翻转形状 |
| flip over | 顺时针翻转形状 |
| flip back | 逆时针翻转形状 |
| set next side(selector) | 将下一面设置为特定选择器 |
| is animating | 返回形状是否正在动画 |
| reset | 删除所有内联样式 |
| queue(animation) | 将动画排队到当前动画之后 |
| repaint | 强制对元素进行重排 |
| set default side | 将下一面设置为活动元素的下一个兄弟元素 |
| set stage size | 将形状设置为下一面的内容大小 |
| refresh | 刷新元素侧面的选择器缓存 |
| get transform down | 返回在下面设置的下一面的平移 |
| get transform left | 返回在左侧设置的下一面的平移 |
| get transform right | 返回在右侧设置的下一面的平移 |
| get transform up | 返回在上方设置的下一面的平移 |
| get transform down | 返回在下方设置的下一面的平移 |
形状设置形状设置会修改形状的行为
| 设置 | 默认值 | 描述 |
|---|---|---|
| duration | 700ms | 侧面更改动画的持续时间 |
| width 2.2 |
initial |
设置为
next 时，将在形状动画期间使用下一面的 side 的宽度。设置为
initial 时，它将使用形状在初始化时的宽度。设置为特定像素高度时，将强制宽度为该高度。
|
| height 2.2 |
initial |
设置为
next 时，将在形状动画期间使用下一面的 side 的高度。设置为
initial 时，它将使用形状在初始化时的高度。设置为特定像素高度时，将强制高度为该高度。
|
回调回调指定在特定行为之后要执行的函数。
| 设置 | 上下文 | 描述 |
|---|---|---|
| beforeChange | 下一面 | 在侧面更改之前调用 |
| onChange | 活动面 | 在可见侧面更改之后调用 |
DOM 设置DOM 设置指定此模块应如何与 DOM 交互
| 设置 | 默认值 | 描述 |
|---|---|---|
| namespace | shape | 事件命名空间。确保模块拆卸不会影响附加到元素的其他事件。 |
| selector |
selector : { sides : '.sides', side : '.side' }
|
|
| className |
className : { animating : 'animating', hidden : 'hidden', loading : 'loading', active : 'active' }
|
|
调试设置调试设置控制向控制台的调试输出
| 设置 | 默认值 | 描述 |
|---|---|---|
| name | 形状 | 调试日志中使用的名称 |
| silent | False | 使所有控制台输出静音，包括错误消息，无论其他调试设置如何。 |
| debug | False | 向控制台提供标准调试输出 |
| performance | True | 向控制台提供标准调试输出 |
| verbose | True | 向控制台提供辅助调试输出 |
| error |
error: { side : '您尝试切换到不存在的侧面。', method : '您调用的方法未定义' }
|
|