素材牛

3D反转翻牌抽奖插件

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

 浏览:95次  下载:1次  评论:1次  发布时间:2018-11-30
3D反转翻牌抽奖插件兼容IE11
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
项目地址(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 初始化节点位置

讨论这个项目(1)回答他人问题或分享插件使用方法奖励牛币

Lv3 黄金

    xiaomo
    2019年01月08日 19:03
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:1
所需牛币:4 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证