JavaScript抽奖翻牌游戏/定义数组保存传入参数数组,避免操作传入数组/洗牌动作队列洗牌及翻牌效果

                    <div id="chanceTip" class="chanceTip middle">
                        <span>还剩余<i id="clickCount"></i>次翻牌机会</span>
                    </div>

                    <ul id="giftSlide">
                        <li class="gift1 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt1.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift2 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt2.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift3 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt3.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>                          
                        <li class="gift4 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt6.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift5 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt9.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift6 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt8.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift7 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt7.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift8 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt4.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>                          
                    </ul>
                </div>
            </div>

var list = [‘class1’,’class2’];
var randList = getEle(list, 2);
//翻牌操作
giftButt.on(‘click’,function(){  
        var _this =
(this);
if(_this.hasClass(‘giftButt’)){
if(!joinButt.hasClass(‘success’)){  
                //autoClose(
notjoinTip); //弹出并自动关闭未填写资料弹窗
alertShow(notjoinTip);// 未填写资料弹窗

        }
        else{
            if($isActive){
                if($time > 0){
                    $isActive = false;
                    $clickNum--;  //次数自减1传给后台
                $.ajax({
                    type:'get',
                        url:'winlist.txt',
                        dataType:'json',
                        data:{number:$clickNum,activityname:document.title},
                        success:function(result){
                            if(result.status == 1){
                                $time--;  //成功返回后前端次数自减1
                                $count.html($time);
                                _this.removeClass('giftButt');

                                //alertShow(receivetreeTip);//OK
                                if(_this.hasClass(randList[0])) {  //抽中黄金宝典
                                    $giftButt.removeClass(randList[0]);  //防止第二次翻牌再抽中黄金宝典

                                    /**判断ie浏览器的版本js**/
                                    if(window.addEventListener){ 
                                    Draw('images/prizeImg/GameButt2.png',_this);
                                    }else if(window.attachEvent){ 
                                        _this.find('.prizeBg').attr('src',"images/prizeImg/GameButt2.png");         
                                    //alert("is ie"); //在IE8及以下IE版本会弹出is ie结果
                                    }else{ 
                                    alert("请升级浏览器 ,否则你将无法参与,不支持DHTML的老版本浏览器! ") 
   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
系统说明 TonyCode抽奖系统(前身《html+js抽奖系统》),由tony于2011年自身公司年会需要设计演变而来,从单机网页版本,逐步演变为基于WEB可执行程序的系列版本。系统适用于投影投射宴会、晚宴、活动等场景的互动抽奖,最新版本支持用手机端遥控进程,系统采用HTML及WEB前端、后端相关技术开发,作者用最简单的方式打包了exe自解压程序,内置的HTA客户端脚本来执行相关的代码程序。 建议使用时采用分屏模式运行程序,如果运行场所有网络的话,您可以选择结合手机等移动端扫描的形式来获取抽奖控制权限,这样可以有更好的互动体验。 当然安装部分杀毒软件的电脑有几率会杀掉相关程序,如果出现无法开启的情况,您关闭一下杀毒软件再运行。 功能描述: 1) 可以设置按照数字号码或名单列表抽取的方式,等级、数量全部可以自由定义 2) 连接投影机扩展屏幕后,再启动程序可以自动识别投放到扩展屏幕上全屏幕显示(建议投影分辨率1024*768) 3) 界面美观大方,背景图片及顶部公司logo自由替换为文字或图片,适合于投影仪投射晚会晚宴豪华场所抽奖系统。(图片自行设计宽度可以根据投影显示器,高度216像素,本例子参考如片“tops.png”) 4) 可自由选择键盘、鼠标、移动端扫描控制等操作方式完成抽奖控制。 5) 正常windows7及以上内核系统即可流畅运行,建议不要使用非常卡顿的电脑执行程序。 6) 抽出“未到场”无效人员可以双击“演示器”屏幕的数字或号码位置,选择单独 重抽。 7) 自由定义配置每一次操作抽一组或者抽一个的显示效果 8) 自由定义过滤掉没有发到的号码段,或排除不能中间的名额号段。 9) 系统运行期间程序活动状态,自动屏蔽键盘上无用键以免人员误操作。 10) 抽奖完成后可以选择保存结果“抽取结果.csv”以便日后备案分析。 历史版本概况: V1.2.1----------------------------------------------- 2011-01-08 修复了window.obo = 1;时出现重复数字的错误,V1.1之前版本无此错误 ~感谢石路街道的领导提醒:) 2011-01-08 增加了可选滚动姓名的功能 配置 m_name=[]; 即可 2011-01-08 增加双击数字单独重抽时的提示选项“此号码在以后的环节是否还有机会抽到!” 2011-01-08 修改了结果显示部分的错位样式 2011-01-08 修复了组抽号码重复错误问题 V1.2.2----------------------------------------------- 2011-01-14 兼容了火狐浏览器,但本人建议仍然用IE,要用火狐只有按F11手动全屏了 2011-01-14 部分键 F5、退格、Ctrl+R、Ctrl+N、Shift+F10、Alt+F4 被屏蔽,避免一些意外发生 2011-01-14 优化了一些繁琐的结构,效率有所提升! 2011-01-16 去掉了配置参数 r、r_name,奖项配置变为window.ini,使配合样式表更加灵活 V1.2.2----------------------------------------------- 2011-02-10 在配置文件增加了速度控制变量,以便于在不同机器环境中做速度微调 V1.2.3----------------------------------------------- 2011-08-10 政府项目《12315电视直播》抽奖使用未对外发布定制增强版本 V2.0----------------------------------------------- 2011-09-13 突破性的解决了手工修改代码烦恼增加了图形化界面 2011-09-13 可以通过图形化设置界面保存配置文件(只在IE下有效) 2011-09-13 配置文件从HTML内提取出来,变为ini.js 2011-09-13 图形化配置界面做了一些兼容性优化 2011-09-13 奖项框除了可以填写样式名还可以直接填写样式代码,程序可以自动识别 2011-09-13 增加了手动和自动整理列表功能 V2.0.1----------------------------------------------- 2011-12-09 bug处理:列表获取处理错误,已修正! V2.0.2----------------------------------------------- 2011-12-31 bug处理:window.obo = 1;解决了不该有的错误提示!(未发布,直接发布下一版) V2.1----------------------------------------------- 2012-01-05 采用exe直接执行hta抛弃常见的浏览器模式,以免兼容性问题太多 V3.0-----------------------------------------------(终结版) 2017-1-23 修正了上一个版本的保存中间结果的bug问题,中奖结果直接保存到程序根目录 2017-1-23 修正了一次抽一个人的逻辑bug,增加作防范弊代码错误修正功能 2017-1-23 新增了保存配置文件是否下次跳过“引导页设置界面”选项,改进了保存等函数的效率及不兼容问题 2017-1-23 实现了扩展屏幕的自适应(存在扩展屏幕默认投放到扩展屏幕,否则就本地监视器显示) 2017-1-23 3.0版本把逻辑代码直接打包入了执行文件中,减少了冗余的文件数量 V4.0-----------------------------------------------(扩展屏幕移动控制板) 2017-04-10 增加了“扩展屏”奖项扩展控制器功能,原单屏版不受影响 2017-04-10 抽奖结果保存为“中奖结果.csv”文件,不再保存为原有的网页文件 2017-04-10 增加了移动端扫描二维码扫描进行遥控控制的基本进程控制功能 2017-04-10 对原有的逻辑文件做了全新打包精简掉一些不必要的冗余文件

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值