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+"，您没有中奖！");

}

}

如果您有更好的方法或更多的功能，可以和我们大家一起分享哦，如有错误，欢迎联系我改正。非常感谢！！！

qq电脑管家抽奖页面源代码

桌面qq电脑管家中个人中心的抽奖页面竟然是HTML写的,光大我HTML.!!!

document.οnkeydοwn=keyDownSearch;      ...

用JS或jQuery访问页面内的iframe,兼容IE/FF

用JS或jQuery访问页面内的iframe,兼容IE/FF js或者jQuery访问页面中的框架也就是iframe.注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.htm ...

随机推荐

[英] 推荐 15 个 jQuery 选择框插件

jQuery Selectbox Plugins let you create beautiful and eye catching select box for your websites inst ...

***php解析html类库simple_html_dom

下载地址:https://github.com/samacs/simple_html_dom 一直以来使用php解析html文档树都是一个难题.Simple HTML DOM parser 帮我们很好 ...

JavaScript中的[]和{}

最早开始对js中括号的使用有疑问是在交互2值的时候: a = [b,b=a][0]; 详见JavaScript交换两个变量值的七种解决方案 因为 [[]][0] 的意思是:获取 [[]] 的第一个元素 ...

iOS开发之判断横竖屏切换

/** *  当屏幕即将旋转的时候调用 * *  @param toInterfaceOrientation 旋转完毕后的最终方向 *  @param duration  旋转动画所花费的时间 */ ...

Linkin大话PC常用快捷键

不管是不是程序员,常用的键盘的快捷键还是要会的,以下整理一些最常用的也比较重要的PC快捷键. 复制:CTRL+C 剪切:CTRL+X 粘贴:CTRL+V 全选:CTRL+A 撤销键:CTRL+Z 切换 ...

Ubuntu出现卡logo、卡住、黑屏无法正常启动、屏幕和键盘背光无法调节等一系列问题？可能是NVIDIA显卡驱动没装好

也不知道是幸运还是不幸,我从一开始接触ubuntu就遇到这一系列的问题, 而且一直没有一个彻底解决的办法,搞得我无比头疼,也害得我重装了无数遍系统... 国际惯例,只按照个人习惯和喜好来写,对某些人来 ...

unity中实现场景之间加载进度条

using UnityEngine; using System.Collections; using UnityEngine.SceneManagement; using UnityEngine.UI ...

jieba分词/jieba-analysis(java版)

简介 支持分词模式Search模式,用于对用户查询词分词Index模式,用于对索引文档分词特性支持多种分词模式全角统一转成半角用户词典功能conf 目录有整理的搜狗细胞词库因为性能原因,最新的快照版本 ...

基于Centos搭建 Firekylin 个人网站

系统要求: CentOS 7.2 64 位操作系统 安装 Node.js 使用 yum 命令安装 Node.js curl --silent --location https://rpm.nodeso ...