jquery实现网页抽奖程序
来源:互联网 发布:cad for mac打不开 编辑:程序博客网 时间:2024/04/30 16:35
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-CN"/><title>M.I.T. Talk 抽奖</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <style type="text/css"> body {text-align:center;padding-top:50px;} #Result {border:3px solid #40AA53;margin:0 auto;text-align:center;width:400px;padding:50px 0;background:#efe;} #ResultNum {font-size:50pt;font-family:Verdana} #Button {margin:50px 0 0 0;} #Button input {font-size:40px;padding:0 50px;} </style> <script type='text/javascript'> <!-- var g_Interval = 10; var g_PersonCount = 100;//参加抽奖人数 var g_Timer; var running = false; function beginRndNum(trigger){ if(running){ running = false; clearTimeout(g_Timer); $(trigger).val("开始"); $('#ResultNum').css('color','red'); } else{ running = true; $('#ResultNum').css('color','black'); $(trigger).val("停止"); beginTimer(); } } function updateRndNum(){ var num = Math.floor(Math.random()*g_PersonCount+1); $('#ResultNum').html(num); } function beginTimer(){ g_Timer = setTimeout(beat, g_Interval); } function beat() { g_Timer = setTimeout(beat, g_Interval); updateRndNum(); } //--> </script></head><body><h1>抽奖结果</h1><div id="Result"> <span id="ResultNum">0</span></div><div id="Button"><input type='button' value='开始' onclick='beginRndNum(this)'/></div></body></html>
- jquery实现网页抽奖程序
- 使用jQuery+PHP+Mysql实现抽奖程序
- 使用jQuery+PHP+Mysql实现抽奖程序
- 使用jQuery+PHP+Mysql实现抽奖程序
- 使用jQuery+PHP+Mysql实现抽奖程序
- jQuery实现随机抽奖
- 幸运大转盘-jQuery+PHP实现的抽奖程序(上)
- 幸运大转盘-jQuery+PHP实现的抽奖程序(下)
- 幸运大转盘-jQuery+Java实现的抽奖程序
- 幸运大转盘-jQuery+PHP实现的抽奖程序
- js框架jquery实现灯光圆盘抽奖程序活动特效
- 幸运大转盘-jQuery+Java实现的抽奖程序
- 幸运大转盘-jQuery+Java实现的抽奖程序
- 幸运大转盘-jQuery+Java实现的抽奖程序
- 幸运大转盘-jQuery+PHP实现的抽奖程序
- 抽奖程序实现方法
- 实现一个抽奖程序
- 抽奖转盘的jquery实现
- 如何用Javascript捕获ActiveX对象的事件
- ActiveX异步回调JavaScript(通过事件方式) .
- IT相关网站列表
- linux内核中链表的实现
- epoll 详解
- jquery实现网页抽奖程序
- GETBOUNDINGCLIENTRECT CAUSES 'UNSPECIFIED ERROR' IN IE7 AFTER AJAX in Jquery 1.4.2
- 用 Javascript 获取頁面大小、窗口大小和滾動條位置
- Job-oriented Student
- 代码对比
- VC++信息安全编程(9)基于24位bmp位图的信息隐藏
- 123.Do well and have well. 善有善报
- VC++信息安全编程(10)基于一阶Bézier曲线的信息隐藏编程实例
- VC++信息安全编程(11)安全删除NTFS磁盘数据文件