素材牛VIP会员

3D反转翻牌抽奖插件

 所属分类:网页特效-游戏/抽奖

 浏览:1842次  评论:2次  更新时间:2018-11-30
牛币素材VIP可免积分下载
3D反转翻牌抽奖插件兼容IE11
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
项目地址(website):https://github.com/yinhui1129754/3dfz
素材描述:一个支持移动端的3D反转抽奖插件,分享给大家

详细介绍

调用方式:

$("#节点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 初始化节点位置

讨论这个素材(2)回答他人问题或分享使用心得会奖励牛币

xi***mo  
2019年01月08日

有点东西

回复
小***生  
2019年09月05日
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:4 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)