php 摇奖页面,基于JavaScript实现幸运抽奖页面

这篇文章主要为大家详细介绍了基于JavaScript实现幸运抽奖页面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

JS实现简单的幸运抽奖页面，供大家参考，具体内容如下

效果图：

图片素材：

代码如下，复制即可使用：

幸运抽奖页面

/*CSS代码*/

padding:0;

margin:0;

}

.login-box{

width:500px;

height:430px;

/* border:1px solid red;*/

/*水平居中*/

margin:100px auto;

background: url(img/tx1.png) no-repeat;

box-shadow: 0 0 2px rgba(0,0,0,.5);

}

.login{

padding:5px;

border:0 none;

background: #0a88e1;

color: white;

font-size:12px;

text-align: center;

width:220px;

line-height: 20px;

margin-top:200px;

margin-left:120px;

}

//JS代码：幸运抽奖

var no = prompt("请输入您的四位会员卡号：");

//获取到抽奖按钮

document.getElementById("luckbtn").value =no+"-欢迎你，点击开始抽奖" ;

//当点击抽奖按钮的时候调用，幸运抽奖的规则及提醒，功能 function 函数

function luck(){

//系统随机生成一个0-10之间的随机整数 :Math.random() 0-1之间的浮点数

var num = parseInt(Math.random()*10);

/*alert(num);*/

//随机数=会员卡号的百位数

/* var gewei = no%10;

alert(gewei);*/

/*var shiwei = parseInt(no/10%10);

alert(shiwei);*/

var baiwei = parseInt(no/100%10);

/*alert(baiwei);*/

if(baiwei == num){

alert("恭喜"+no+",您中奖了！");

}else{

alert("对不起，"+no+"，您没有中奖！");

}

上面是我整理给大家的，希望今后会对大家有帮助。

游戏抽奖界面html,基于JavaScript实现幸运抽奖页面
JS实现简单的幸运抽奖页面,供大家参考,具体内容如下效果图: 图片素材 : 代码如下,复制即可使用: 幸运抽奖页面 /*CSS代码*/ *{ padding:0; margin:0; } .logi ...
html 简单机器人对话页面,基于Javascript实现的简单聊天机器人
Botui是一款简单的js聊天机器人框架.Botui基于Javascript通过简单配置,就可以制作出一个功能简单的聊天机器人,非常神奇. var botui = new BotUI('botui-a ...
学习基础HTML、CCS、JavaScript 知识实现抽奖页面
文章目录三剑客内容层HTML 样式层CSS ⾏为层JavaScript 实现抽奖页面源代码三剑客⽹⻚最主要由3部分组成:结构(内容).表现(样式)和⾏为(动态交互).⽹⻚现在新的标准是W3C ...
一个基于 JavaScript 的跨平台抽奖插件
推荐一个基于 JavaScript + Canvas 开发的抽奖插件,支持大转盘.九宫格.老虎机三种抽奖模式. 致力于为 Web 前端提供一个功能强大且专业可靠的营销组件,只需要通过简单配置即可实现自 ...
基于JavaScript的幸运大转盘
引言:幸运大转盘在很多网站上.APP都有出现,之前的话一直也没有去琢磨,自从把canvas学了一遍后,什么都想自己做一个,这不就写了个幸运大转盘玩玩,欢迎大家来指导交流! 页面效果: 实现思路绘制外 ...
html年会抽奖代码实例,基于JavaScript实现简单抽奖功能代码实例
为什么会做这个东西呢,纯属好玩,闲的其实是在上次班会的时候想到的,班会的时候叫人回答问题,没人回答当时就想,我如果抽签抽到你了,你还是不回答吗??好吧,一切都是扯淡先来看看页面效果吧: 点击抽取 ...
彩票摇奖 java_Java课程设计——彩票购买抽奖系统
一.项目介绍题目要求: 功能要求: 模拟福利彩票36选7,实现彩票的抽奖与中奖通知功能. 1.允许注册用户,用户信息包括用户id,用户名,密码,账户金额,电话号码等属性. 2.允许注册用户购买彩票: ...
php 随机数抽奖页面,源生JS做出抽奖页面
这次给大家带来源生JS做出抽奖页面,源生JS做出抽奖页面的注意事项有哪些,下面就是实战案例,一起来看一下. 效果图: 图片素材 : 代码如下,复制即可使用: 幸运抽奖页面 /*CSS代码*/ *{ p ...
营销新策略——幸运抽奖
在这个流量为王的时代,为了获取客户,各路商家花样玩转营销手段,迅速获客,从而实现销售转化.抽奖活动就是最常见的活动工具之一,它是目前效果最出众的运营套路之一. 究其原因,是它契合了大多数人" ...

php 摇奖页面,基于JavaScript实现幸运抽奖页面

php 摇奖页面,基于JavaScript实现幸运抽奖页面相关推荐

最新文章

热门文章