模拟网上手机抽奖界面(供大家BS......)
2006-08-02 12:32
225 查看
<html>
<head>
<title>手机抽奖</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<script language="javascript">
//摇奖开关
flag=2;
mobile = new Array();
//将数组载入改为字符串载入，考虑效率问题
mobile[0]="13824142543";
mobile[1]="13584565115";
mobile[2]="13655498155";
mobile[3]="13498756413";
mobile[4]="13574569820";
mobile[5]="13645455921";
mobile[6]="13843333234";
mobile[7]="13699836754";
mobile[8]="13556398521";
mobile[9]="13633398454";
mobile[10]="13866941215";
mobile[11]="13621234593";
mobile[12]="13888455451";
mobile[13]="13633321505";
mobile[14]="13699845444";
mobile[15]="13635454125";
mobile[16]="13826544543";
mobile[17]="13699858777";
mobile[18]="13635897443";
mobile[19]="13866000325";
//选择抽几等奖
function changeGrade(){
document.mainform.number.value="";
document.mainform.number.focus();
}
//清除已中奖记录，重新抽奖初始化
function repeat(){
//删除已中奖名单，重新开始抽奖
if(confirm("您确定清除已抽奖结果，重新开始抽奖吗？")){
zstable = document.getElementById("zs");
rows = zstable.rows.length;
for(i=rows-1;i>0;i--){
zstable.deleteRow(i);
}
document.mainform.zjmobile.value = "";
init();
}else{
;
}
}
//抽奖机
function startLottery() {
size = mobile.length;
n = size - 1;
if (flag==1) {
var tmp = Math.round(Math.random()*n);
cj.rows(0).cells(0).innerHTML="<div id='mbl' align='center' valign='bottom'><font size='5' color='red'><b>"+mobile[tmp]+"</font></div>";
setTimeout("startLottery()",100);
}
}
//开始抽奖第一步
function initLottery() {
if(document.mainform.number.value==""){
alert("请填入中奖名额");
document.mainform.number.focus();
return false;
}
if (flag==2) {
flag=1;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="";
document.getElementById("ctn").style.display="none";
document.mainform.init.disabled=false;
startLottery();
}
}
//单刀双置式抽奖
function stopLottery(){
if(flag==0){//开始
if(document.mainform.number.value==""){
alert("请填入中奖名额");
document.mainform.number.focus();
return false;
}
if(isBeyongNumber()){//超过中奖名额
alert("该奖项中奖名额已满！");
return false;
}
if(mobile.length==0){
alert("所有参与手机均中奖，无手机可参与抽奖！");
return false;
}
flag=1;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="";
document.getElementById("ctn").style.display="none";
startLottery();
}else {//停止
flag=0;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="none";
document.getElementById("ctn").style.display="";
innerMobile(document.getElementById("mbl").innerText);
//此处需要在下次抽奖前，剔除已中奖手机号。
clearLot(document.getElementById("mbl").innerText);
}
}
//插入中奖手机到展示区
function innerMobile(mobile){
//得到中奖等级
var index = document.mainform.grade.selectedIndex;
var grade = document.mainform.grade[index].value;
var gradeCn = document.mainform.grade[index].text;
//插入展示区
var newrow = document.getElementById("zs").insertRow(-1);//新增一行
newrow.id = "tr"+grade;
var newcell = newrow.insertCell(0);//新增单元格
newcell.innerHTML=gradeCn+"等奖";//填入单元格内容
newcell = newrow.insertCell(1);//新增单元格
newcell.innerHTML=mobile;//填入单元格内容
//加入手机串到隐藏值
document.mainform.zjmobile.value += grade + "-" + mobile + ",";
}
//检查已中奖数是否超过中奖名额
function isBeyongNumber(){
var index = document.mainform.grade.selectedIndex;
var grade = document.mainform.grade[index].value;
var number = document.mainform.number.value;//抽奖名额总数
var size = document.getElementsByName("tr"+grade).length;//已中奖名额
if(size>=number){
return true;
}else{
return false;
}
}
/*****按回车键开始停止抽奖，方便用户操作，备用
function keyDown()
{
var keycode= event.keyCode;
var realkey = String.fromCharCode(event.keyCode);
if(event.keyCode==13){
if(flag==0){
flag=1;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="";
document.getElementById("ctn").style.display="none";
startLottery();
}else {
flag=0;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="none";
document.getElementById("ctn").style.display="";
}
}
}
document.onkeydown=keyDown;
*/
//剔除已中奖号码，使用此方法时，允许参与手机号中有重复手机号存在
//若要不允许参与手机号中有重复手机号存在，每次只减1，需要java类查询时唯一
function clearLot(lotmobile){
size = mobile.length;
//alert("before="+mobile.length);
tmp = new Array();
j = 0;
for(i=0;i<size;i++){
if(mobile[i]!=lotmobile){
tmp[j]=mobile[i];
j++;
}
}
mobile = tmp;
//alert("after="+mobile.length);
}
</script>
</head>
<body text="#666666" leftmargin="0" topmargin="13" marginwidth="0" marginheight="0">
<center>
<table width="100%" height="300" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" >
<table width="100%" height="60" cellpadding="0" cellspacing="0" bgcolor="#F1F1F1" style="border-top:1 solid white">
</table>
<table width="100%" height="30" cellpadding="0" cellspacing="0">
<tr>
<td align="center"> <font color="#999999">手机抽奖演示</font></td>
</tr>
</table>
<form method="post" action="" name="mainform">
<!-- 中奖手机串-->
<input type="hidden" name="zjmobile" value="">
<table width="50%" cellspacing="1" cellpadding="2" id="tb1">
<tr>
<td align="left">即将抽出:
<select name="grade" onChange="changeGrade()">
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
</select>等奖
<input type="text" name="number" value="" size="2" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">名 (此处只允许输入数字)
<input type="button" name="init" value="重新抽奖" onclick="repeat()"><!--重新抽奖-->
</td>
</tr>
<tr>
<td align="left">
</td>
</tr>
</table>
<table width="90%" cellspacing="1" cellpadding="2" id="tb2">
<tr>
<td align="center">
<div id="bgn" style="display:''"><input type="button" name="start" value="开始" onclick="initLottery()"></div>
<div id="end" style="display:none"><input type="button" name="stop" value="停止" onclick="stopLottery()"></div>
<div id="ctn" style="display:none"><input type="button" name="stop" value="开始" onclick="stopLottery()"></div>
</td>
</tr>
</table><br>
<center>
<table width="50%" border="1" cellspacing="0" cellpadding="0" id="cj" style="border-color:blue">
<tr>
<td height="60">
</td>
</tr>
</table>
</center><br><br>
<CENTER>
<table width="60%" cellspacing="1" cellpadding="2" bgcolor="#99CCFF" id="zs" align="center">
<tr>
<td colspan="2"><B>抽奖进度显示：
</td>
</tr>
</table>
</CENTER>
</table>
</form></td>
</tr>
</table>
<script>
//载入时先初始化奖项，重新抽奖按钮屏蔽
changeGrade();
document.mainform.init.disabled=true;
</script>
</center>
</body>
</html>
<head>
<title>手机抽奖</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">
<script language="javascript">
//摇奖开关
flag=2;
mobile = new Array();
//将数组载入改为字符串载入，考虑效率问题
mobile[0]="13824142543";
mobile[1]="13584565115";
mobile[2]="13655498155";
mobile[3]="13498756413";
mobile[4]="13574569820";
mobile[5]="13645455921";
mobile[6]="13843333234";
mobile[7]="13699836754";
mobile[8]="13556398521";
mobile[9]="13633398454";
mobile[10]="13866941215";
mobile[11]="13621234593";
mobile[12]="13888455451";
mobile[13]="13633321505";
mobile[14]="13699845444";
mobile[15]="13635454125";
mobile[16]="13826544543";
mobile[17]="13699858777";
mobile[18]="13635897443";
mobile[19]="13866000325";
//选择抽几等奖
function changeGrade(){
document.mainform.number.value="";
document.mainform.number.focus();
}
//清除已中奖记录，重新抽奖初始化
function repeat(){
//删除已中奖名单，重新开始抽奖
if(confirm("您确定清除已抽奖结果，重新开始抽奖吗？")){
zstable = document.getElementById("zs");
rows = zstable.rows.length;
for(i=rows-1;i>0;i--){
zstable.deleteRow(i);
}
document.mainform.zjmobile.value = "";
init();
}else{
;
}
}
//抽奖机
function startLottery() {
size = mobile.length;
n = size - 1;
if (flag==1) {
var tmp = Math.round(Math.random()*n);
cj.rows(0).cells(0).innerHTML="<div id='mbl' align='center' valign='bottom'><font size='5' color='red'><b>"+mobile[tmp]+"</font></div>";
setTimeout("startLottery()",100);
}
}
//开始抽奖第一步
function initLottery() {
if(document.mainform.number.value==""){
alert("请填入中奖名额");
document.mainform.number.focus();
return false;
}
if (flag==2) {
flag=1;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="";
document.getElementById("ctn").style.display="none";
document.mainform.init.disabled=false;
startLottery();
}
}
//单刀双置式抽奖
function stopLottery(){
if(flag==0){//开始
if(document.mainform.number.value==""){
alert("请填入中奖名额");
document.mainform.number.focus();
return false;
}
if(isBeyongNumber()){//超过中奖名额
alert("该奖项中奖名额已满！");
return false;
}
if(mobile.length==0){
alert("所有参与手机均中奖，无手机可参与抽奖！");
return false;
}
flag=1;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="";
document.getElementById("ctn").style.display="none";
startLottery();
}else {//停止
flag=0;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="none";
document.getElementById("ctn").style.display="";
innerMobile(document.getElementById("mbl").innerText);
//此处需要在下次抽奖前，剔除已中奖手机号。
clearLot(document.getElementById("mbl").innerText);
}
}
//插入中奖手机到展示区
function innerMobile(mobile){
//得到中奖等级
var index = document.mainform.grade.selectedIndex;
var grade = document.mainform.grade[index].value;
var gradeCn = document.mainform.grade[index].text;
//插入展示区
var newrow = document.getElementById("zs").insertRow(-1);//新增一行
newrow.id = "tr"+grade;
var newcell = newrow.insertCell(0);//新增单元格
newcell.innerHTML=gradeCn+"等奖";//填入单元格内容
newcell = newrow.insertCell(1);//新增单元格
newcell.innerHTML=mobile;//填入单元格内容
//加入手机串到隐藏值
document.mainform.zjmobile.value += grade + "-" + mobile + ",";
}
//检查已中奖数是否超过中奖名额
function isBeyongNumber(){
var index = document.mainform.grade.selectedIndex;
var grade = document.mainform.grade[index].value;
var number = document.mainform.number.value;//抽奖名额总数
var size = document.getElementsByName("tr"+grade).length;//已中奖名额
if(size>=number){
return true;
}else{
return false;
}
}
/*****按回车键开始停止抽奖，方便用户操作，备用
function keyDown()
{
var keycode= event.keyCode;
var realkey = String.fromCharCode(event.keyCode);
if(event.keyCode==13){
if(flag==0){
flag=1;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="";
document.getElementById("ctn").style.display="none";
startLottery();
}else {
flag=0;
document.getElementById("bgn").style.display="none";
document.getElementById("end").style.display="none";
document.getElementById("ctn").style.display="";
}
}
}
document.onkeydown=keyDown;
*/
//剔除已中奖号码，使用此方法时，允许参与手机号中有重复手机号存在
//若要不允许参与手机号中有重复手机号存在，每次只减1，需要java类查询时唯一
function clearLot(lotmobile){
size = mobile.length;
//alert("before="+mobile.length);
tmp = new Array();
j = 0;
for(i=0;i<size;i++){
if(mobile[i]!=lotmobile){
tmp[j]=mobile[i];
j++;
}
}
mobile = tmp;
//alert("after="+mobile.length);
}
</script>
</head>
<body text="#666666" leftmargin="0" topmargin="13" marginwidth="0" marginheight="0">
<center>
<table width="100%" height="300" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" >
<table width="100%" height="60" cellpadding="0" cellspacing="0" bgcolor="#F1F1F1" style="border-top:1 solid white">
</table>
<table width="100%" height="30" cellpadding="0" cellspacing="0">
<tr>
<td align="center"> <font color="#999999">手机抽奖演示</font></td>
</tr>
</table>
<form method="post" action="" name="mainform">
<!-- 中奖手机串-->
<input type="hidden" name="zjmobile" value="">
<table width="50%" cellspacing="1" cellpadding="2" id="tb1">
<tr>
<td align="left">即将抽出:
<select name="grade" onChange="changeGrade()">
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
</select>等奖
<input type="text" name="number" value="" size="2" onKeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;">名 (此处只允许输入数字)
<input type="button" name="init" value="重新抽奖" onclick="repeat()"><!--重新抽奖-->
</td>
</tr>
<tr>
<td align="left">
</td>
</tr>
</table>
<table width="90%" cellspacing="1" cellpadding="2" id="tb2">
<tr>
<td align="center">
<div id="bgn" style="display:''"><input type="button" name="start" value="开始" onclick="initLottery()"></div>
<div id="end" style="display:none"><input type="button" name="stop" value="停止" onclick="stopLottery()"></div>
<div id="ctn" style="display:none"><input type="button" name="stop" value="开始" onclick="stopLottery()"></div>
</td>
</tr>
</table><br>
<center>
<table width="50%" border="1" cellspacing="0" cellpadding="0" id="cj" style="border-color:blue">
<tr>
<td height="60">
</td>
</tr>
</table>
</center><br><br>
<CENTER>
<table width="60%" cellspacing="1" cellpadding="2" bgcolor="#99CCFF" id="zs" align="center">
<tr>
<td colspan="2"><B>抽奖进度显示：
</td>
</tr>
</table>
</CENTER>
</table>
</form></td>
</tr>
</table>
<script>
//载入时先初始化奖项，重新抽奖按钮屏蔽
changeGrade();
document.mainform.init.disabled=true;
</script>
</center>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 模拟手机号码抽奖活动
- 【7gyy】教大家设置一个类似手机的锁屏界面
- 使用WPF技术模拟手机界面
- 模拟手机界面效果
- Ansible UI web 界面搭建 ----欢迎大家一起讨论研究
- 今天就教大家查看手机的内存使用情况，可以帮你查看自己的程序占用了多大的内存（图文说明）
- 编写代码模拟手机与SIM卡的组合关系。 要求： SIM卡类负责创建SIM卡； Phone类负责创建手机； 手机可以组合一个SIM卡；
- 网上看到的一篇学习英语的好方法，大家可以看看
- Android 手机卫士--导航界面1的布局编写
- 模拟手机键盘
- java模拟http请求给手机发短信
- Android 手机卫士--导航界面4的业务逻辑
- IOS复习 九宫格 字典转模型与懒加载 xib界面控件代码赋值 模拟下载过程 MJExtension
- 使用fiddler对手机上的程序进行抓包 用fiddler对手机上的程序进行抓包，网上有很多的资料，这里写一下来进行备用。 前提： 1.必须确保安装fiddler的电脑和手机在同一个wifi环境下
- 系统模拟登陆界面 二
- 跳转到系统相簿界面，通讯录界面等后标题显示的英文，关键是手机已经设置显示中文了。
- 用Chrome浏览器模拟手机,android,iphone,ipad访问网站
- 在网上找sps的资料,发现了一个界面超华丽的sps的demo网站
- 如何模拟手机弱网络测试
- Chrome不用插件自定义user-agent,模拟手机浏览器