java后台怎么设置转盘抽奖_[Java教程]转盘抽奖
[Java教程]转盘抽奖
0 2015-09-09 12:00:06
html部分
css部分,由于做的这个转盘是手机端的,采用的响应式布局.turntableWap{ padding:1rem; background:url(../images/zpTabBg.jpg) no-repeat center; background-size:100% 100%;}.turntableWap table{ width:100%;}.turntableWap table td{ vertical-align:middle; text-align:center; background-color:#ecd295;}.turntableWap table td img{ width:100%; }.turntableWap table td.even{background-color:#f6e8c5}.turntableWap table td.active{ background-color:#ed9351;}
js部分$(".turntableWap .table").css({"height":$(".turntableWap .table").width()});//做响应式布局,外table是等宽高var isdo = true;$(".zpBtn").on("click",function(){ var num = 13;//后台传入的奖品 var rotaNum = 14;//奖品数量 var count = -1;//高亮显示,旋转特效 var jishi = 0;//计时时间段 var speed = 50;//快速速度 var speedSlow = 200;//慢速速度 choujiang()//抽奖方法调用,在此处做判断调用choujiang(),并给num值 function choujiang(){ if(isdo){ isdo=false; $(".turntableWap").css({"background-image":"url(../images/1.gif)"}) var c = setInterval(function(){ if(count >12){ count = -1; } count = count+1; jishi = jishi+1; $(".turntableWap td").removeClass("active"); $(".turntableWap td[tag="+count+"]").addClass("active"); if(jishi>rotaNum*2){ clearInterval(c); c = setInterval(function(){ count = count+1; jishi = jishi+1; $(".turntableWap td").removeClass("active"); $(".turntableWap td[tag="+count+"]").addClass("active"); if(jishi>num+rotaNum*2){ clearInterval(c); $(".turntableWap").css({"background-image":"url(../images/zpTabBg.jpg)"}) isdo = true; var jp = $(".turntableWap td[tag="+count+"]").find("img").attr("alt") alert("恭喜您获取"+jp) } },speedSlow) } },speed) }else{ return; } }})
本文网址:http://www.shaoqun.com/a/141898.html
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:admin@shaoqun.com。
0
java后台怎么设置转盘抽奖_[Java教程]转盘抽奖相关推荐
- java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...
关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...
- java环境变量设置的作用_配置jdk环境变量的作用是什么?
JDK安装完成后,需要配置JDK的环境变量,正确地配置这些环境变量,是能够顺利学习Java开发的前提. 从真正接触java到现在,差不多有一年时间了,配置JDK的环境变量也配置过无数次,但是对于这些配 ...
- Java后台调用Flex自定义类型 (Java和AS类型转换问题)
最近在做一个基于Red5的流媒体交互平台,实现音频,视频,文本的交互.遇到一个问题,封装的类型要能进行转换,或许第一想到的是BlazeDS实现数据的转换,这里不是实现前台代用后台,是后台处理前台的实体 ...
- java环境变量设置--编写一年java,竟不会配变量了
java环境变量设置 1.打开我的电脑--属性--高级--环境变量 2.新建系统变量JAVA_HOME 和CLASSPATH 变量名:JAVA_HOME 变量值:C:\Program Files\Ja ...
- java后台 flex前台例子_flex+blazeds+java后台消息推送(简单示例)
现在有个问题需要大家思考一下,有个已经上线了的项目,有好好几千甚至上万的客户在使用了.现在项目开发商想发布一个通知.在今天下午6点需要重新启动服务器,想让在线的人在在预定的时间内都收到消息,让大家做好 ...
- java后台好学吗_java好学吗?java是不是最难学的语言?
java好学吗?java是不是最难学的语言?对于一些刚接触java的朋友来说,可能会有这样的疑问,下面就来一起了解下吧. 1. java好学吗? 从某些方面来说,java比较容易学,如果是大学毕业,大 ...
- java 9宫格抽奖_多宫格抽奖
网上大多的多宫格抽奖都是自定义view,如果view的布局不一样而且太多的话容易出现oom,不好管理 结合RecyclerView实现多宫格抽奖 效果图如下 满足所有矩形多宫格抽奖 9宫格 16宫格 ...
- java小项目 幸运大抽奖_[Java教程]幸运大抽奖
[Java教程]幸运大抽奖 0 2014-03-30 19:00:09 幸运大抽奖全新来袭,现在普遍的抽奖活动都是由flash开发的,然而,今天向大家展示由js实现的抽奖.早在2012年的时候写过一篇 ...
- java后台传一个对象到前台_前台判断对象中的一个布尔值_springMVC面试题
1:springMVC工作原理 springMVC架构.png [用户发送请求到前端控制器dispatcherservlet,前端控制器接收到请求之后调用处理器映射器,根据请求url找到具体的处理器, ...
最新文章
- BahdanauAttention与LuongAttention注意力机制简介
- tomcat结合nginx使用小结
- BootStrap-select插件动态添加option无法显示
- Visual Studio 2008在设计视图和代码视图切换的快捷键F7
- android 资源
- 工业相机与镜头分辨率匹配
- http详解 请求报文格式和响应报文格式
- core 中使用 swagger
- 计算机硬件人员专业知识技能,电子计算机(微机)装配调试员
- python 手机号码归属地 软件,Python查询手机号码归属地几种方法
- 计算字符串相似度算法——Levenshtein
- 【机器学习 基本概念】监督学习、无监督学习、半监督学习与强化学习
- Openwrt 18.06 iPhone XR usb tethering导致内核崩溃问题解决方案
- 电脑如何备份文件,怎么同步?
- 使用二分法来解决的一些问题
- oracle 中触发器的作用是什么,oracle创建触发器及作用举例
- tinycore php,Tiny Core Linux 显示中文的方法
- 老司机带你玩转面试(2):Redis 过期策略以及缓存雪崩、击穿、穿透
- 一字一句体验语言的魅力-2:80386-datasheet翻译学习-第一章完
- fps透视基础-透明窗口与消息循环
热门文章
- 【普】静态IP和动态IP有什么区别?
- 看完全都会了!最新Java高级面试题汇
- Race condition--Java Concurrency In Practice C02读书笔记
- 接口测试平台代码实现138: 关于大用例登陆态干扰bug
- unity跑酷怎么添加金币_叫好不叫买?《跑酷老奶奶》游戏评测
- 服务器pci-e硬盘,PCI-E固态硬盘在客户端的机会_希捷硬盘_服务器评测与技术-中关村在线...
- Android入门篇(四):自动拨打电话、手动拨打电话
- spring data es拼音插件
- Android 开发 设置banner圆角,滑动时,图片圆角失效
- 跟着小梅哥初学FPGA ,vivdao开发平台,二选一多路选择器。