Card3d

Card3d

卡片3d动画. 查看效果

Constructor

new Card3d(el, boxEl)

Source:
Parameters:
Name Type Description
el DOM 卡片dom集合
boxEl DOM 卡片盒子dom

Methods

arrForch(els, callback)

Source:
DOM 元素对象循环
Parameters:
Name Type Description
els Array DOM 元素集合
callback function 循环回调

block(index, hideNext)

Source:
对 DOM 元素设置 display 样式
Parameters:
Name Type Description
index Number 元素个数下标
hideNext Boolean 是否该元素后面的兄弟元素都 display: none,默认值 true

init()

Source:
初始化事件 让第一个,第二个卡片显示,以下的隐藏

initCss()

Source:
初始化样式 给每个卡片设置 transform 样式

move(callback)

Source:
动画移动
Parameters:
Name Type Description
callback function 移动后回调函数

pageDown(callback)

Source:
下滑动
Parameters:
Name Type Description
callback function 移动后回调函数

pageUp(callback)

Source:
上滑动
Parameters:
Name Type Description
callback function 移动后回调函数

sliceGroup(data, size)

Source:
分割数组
Parameters:
Name Type Default Description
data Array 原数组
size Number 4 每一个分割的数组长度