3D反转抽奖插件

 查看演示  website  立即下载

调用方式:

$("#节点id").rotateEx(option)

option的选项有:

 itemClass: "item", //item的class
backClass: "back", //背面class
faceClass: "face", //正面class
noFaceEle: [], //不能翻的牌的节点索引
noFaceClass: "noFace", //不能翻的牌的class
bz: 27 / 30, //两个牌左右之间的距离和第一张牌距离页面左边的比例
clickName: "click", //点击事件的名称
maxNum: 1, //最大翻牌数量
changeAmtCall: function($this, rotateObj, allO) {}, //牌从正面切换到反面动画结束调用
init: function($this, rotateObj, allO) {}, //对象创建结束的回调函数
clickAmtStart: function($this, rotateObj, ele, allO) { //翻牌的时候动画开始调用回调},
clickAmtEnd: function($this, rotateObj, ele, allO) { //翻牌的时候动画结束调用回调},
     maxNumCall: function($this, rotateObj, allO, num) {} //达到最大翻牌数的回调

调用方法返回的对象拥有的主要方法有:

• toBack 将所有牌都切换至背面展示

• reset 随机打乱我们的奖品 奖品展示元素必须放到正面展示的节点的第一个子节点里面

• rotate是一个操作对象 它拥有非常多的方法

这里只说主要方法

• allBack 所有牌都以反面展示

• allFace 所有牌都以正面展示

• getZNum 获取正面展示的牌的数量

• getFNum 获取反面展示的牌的数量

• initPositionArr 获取化节点的位置信息

•  initParentPos 初始化节点位置

PREVIOUS:
NEXT:
品牌服装商城响应式模板
固定表格头、支持横竖滑动（原创）